Windows 10 のあたらしいWeb ブラウザーのF12 開発者ツール

日本マイクロソフト株式会社

デベロッパーエバンジェリズム統括本部

物江 修 (@osamum_MS)

Windows 10 の Web ブラウザー～ 2 つの Web ブラウザーが搭載 ～

Windows 10

Internet Explorer

Edge

F12 開発者ツールとは?

2 つの F12 開発者ツール～ Edge と Internet Explorer で機能的差異がある～

• 新機能と試験的機能• ローカルストレージ• セッションストレージ• Cookie テーブル• JavaScript の編集

• Internet Explorer 固有の機能• ドキュメントモード

• 条件付きコメント• エンタープライズモードへの対応

[F12] キー押下、もしくは、C:¥Windows¥System32¥F12¥F12Chooser.exe

F12 開発者ツールの新機能

• HTML/CSS の整形出力

• SASS と LESS のソースマップ

• 統合されたパフォーマンスプロファイルリング

• ネットワークツールのUI 変更

ご提案、フィードバッグを募集しています。

Internet Explorer Platform Suggestion Box!

IE development discussions from MSDN forums

Internet Explorer Beta Feedback

参考 1/2

f12-devtools-guidebit.ly/f12devtool

参考 2/2

monoe’s blogbit.ly/monoe_blog