Internet Explorer 11 August Updateで改善されたF12 開発者ツールの機能についてまとめました

2. はじめに
• INTERNET EXPLORER 11 AUGUST UPDATE についてまとめました。
• それより前については以下を参照してください。
Internet Explorer 11
http://www.slideshare.net/yoshioms/ie11-f12
Internet Explorer 11 Update 1
http://www.slideshare.net/yoshioms/ie11-f12update

3. IE11 がアップデート
2014 年 8 月のアップデートで IE11 にアップデート

4. ウィンドウの変更点
アイコンが饒舌に
• プロファイラー
• メモリ
のアイコンが変更
ドキュメント モード
の変更が簡単に

5. DOM EXPLORER
イベント
イベント ペインで、タグに関連づけられ
ている JavaScript 処理を確認可能に

6. DOM EXPLORER
属性
変更
追加
削除
属性ペインに変更前後が表示されるように

7. DOM EXPLORER
カラー ピッカー スポイト
ブラウザー外からも抽出可能
カラー ホイール
スライダーで色を生成
カラー スイッチ
CSS に書かれている色から選択

8. デバッガー
ソースマップの選択
前回の Update で、コメントにマップファイルが書かれている場合、AltJs のデバッグが可能になった。
今回は、コメントがなくても、ローカルのマップを選択可能に

9. デバッガー
戻り値の検査
デバッガでファンクションの終端までステップを進めると、戻り値を確認することができるように

10. デバッガー
イベントブレークポイント、トレースポイント
イベント トレースポイントの追加
イベント ブレークポイントの追加
コードにトレースポイント/ブレークポイントを設定するのではなく、イベントに設定する
ことができるようになった。
ブレークポイントには、条件を設定可能。

11. UIの応答
インポート/エクスポート
プロファイリング セッションのインポート
プロファイリング セッションのエクスポート

12. UI の応答
選択範囲のサマリー
選択範囲のサマリーを表示

13. UI の応答
画像のプレビュー
画像の HTTP リクエストのプレビューが可能に

14. UI の応答
フィルター ボタンが大きく、詳細に
フィルター名 説明
イベント名フィルター 入力された文字列が含まれるイベント名でフィルター
イベント継続時間 1ms 以上のイベント時間でフィルターすることが可能
これまで これから

15. UI の応答
フレームごとにグループ化 最上位のイベントをフレームごとにグループ化

16. UI の応答
スクリプト イベント
Mutation Observer と メディア クエリ リスナーのイベントを識別できるようになった

17. メモリ
インポート/エクスポート
プロファイリング セッションのインポート
プロファイリング セッションのエクスポート

18. エミュレーション
設定の保持
エミュレーション設定の保持の有効化
エミュレーション設定の保持のリセット
次回開いた時もエミュレーション設定を維持することができるように