windows 10 のあたらしい web ブラウザーの f12 開発者ツール
TRANSCRIPT
![Page 1: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/1.jpg)
Windows 10 のあたらしいWeb ブラウザーのF12 開発者ツール
日本マイクロソフト株式会社
デベロッパーエバンジェリズム統括本部
物江 修 (@osamum_MS)
![Page 2: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/2.jpg)
Windows 10 の Web ブラウザー~ 2 つの Web ブラウザーが搭載 ~
Windows 10
Internet Explorer
Edge
![Page 3: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/3.jpg)
F12 開発者ツールとは?
![Page 4: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/4.jpg)
2 つの F12 開発者ツール~ Edge と Internet Explorer で機能的差異がある~
• 新機能と試験的機能• ローカルストレージ• セッションストレージ• Cookie テーブル• JavaScript の編集
• Internet Explorer 固有の機能• ドキュメントモード
• 条件付きコメント• エンタープライズモードへの対応
[F12] キー押下、もしくは、C:¥Windows¥System32¥F12¥F12Chooser.exe
![Page 5: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/5.jpg)
F12 開発者ツールの新機能
• HTML/CSS の整形出力
• SASS と LESS のソースマップ
• 統合されたパフォーマンスプロファイルリング
• ネットワークツールのUI 変更
![Page 6: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/6.jpg)
ご提案、フィードバッグを募集しています。
Internet Explorer Platform Suggestion Box!
IE development discussions from MSDN forums
Internet Explorer Beta Feedback
![Page 7: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/7.jpg)
参考 1/2
f12-devtools-guidebit.ly/f12devtool
![Page 8: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/8.jpg)
参考 2/2
monoe’s blogbit.ly/monoe_blog
![Page 9: Windows 10 のあたらしい Web ブラウザーの F12 開発者ツール](https://reader030.vdocuments.pub/reader030/viewer/2022013104/58f24a031a28ab9f7a8b45ed/html5/thumbnails/9.jpg)