![Page 1: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/1.jpg)
![Page 2: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/2.jpg)
はじめに
• INTERNET EXPLORER 11 AUGUST UPDATE についてまとめました。
• それより前については以下を参照してください。
Internet Explorer 11http://www.slideshare.net/yoshioms/ie11-f12
Internet Explorer 11 Update 1http://www.slideshare.net/yoshioms/ie11-f12update
![Page 3: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/3.jpg)
IE11 がアップデート
2014 年 8 月のアップデートで IE11 にアップデート
![Page 4: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/4.jpg)
ウィンドウの変更点
アイコンが饒舌に
• プロファイラー• メモリのアイコンが変更
ドキュメントモードの変更が簡単に
![Page 5: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/5.jpg)
DOM EXPLORERイベント
イベントペインで、タグに関連づけられている JavaScript 処理を確認可能に
![Page 6: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/6.jpg)
DOM EXPLORER属性
変更
追加
削除
属性ペインに変更前後が表示されるように
![Page 7: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/7.jpg)
DOM EXPLORERカラーピッカー
スポイトブラウザー外からも抽出可能
カラーホイールスライダーで色を生成
カラースイッチCSS に書かれている色から選択
![Page 8: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/8.jpg)
デバッガーソースマップの選択
前回の Update で、コメントにマップファイルが書かれている場合、AltJsのデバッグが可能になった。今回は、コメントがなくても、ローカルのマップを選択可能に
![Page 9: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/9.jpg)
デバッガー戻り値の検査
デバッガでファンクションの終端までステップを進めると、戻り値を確認することができるように
![Page 10: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/10.jpg)
デバッガーイベントブレークポイント、トレースポイント
イベントトレースポイントの追加
イベントブレークポイントの追加
コードにトレースポイント/ブレークポイントを設定するのではなく、イベントに設定することができるようになった。
ブレークポイントには、条件を設定可能。
![Page 11: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/11.jpg)
UIの応答インポート/エクスポート
プロファイリングセッションのインポート
プロファイリングセッションのエクスポート
![Page 12: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/12.jpg)
UI の応答選択範囲のサマリー
選択範囲のサマリーを表示
![Page 13: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/13.jpg)
UI の応答画像のプレビュー
画像の HTTP リクエストのプレビューが可能に
![Page 14: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/14.jpg)
UI の応答フィルターボタンが大きく、詳細に
フィルター名 説明
イベント名フィルター 入力された文字列が含まれるイベント名でフィルター
イベント継続時間 1ms 以上のイベント時間でフィルターすることが可能
これまで これから
![Page 15: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/15.jpg)
UIの応答フレームごとにグループ化 最上位のイベントをフレームごとにグループ化
![Page 16: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/16.jpg)
UI の応答スクリプトイベント
Mutation Observer とメディアクエリリスナーのイベントを識別できるようになった
![Page 17: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/17.jpg)
メモリインポート/エクスポート
プロファイリングセッションのインポート
プロファイリングセッションのエクスポート
![Page 18: Internet Explorer 11 August UpdateのF12 開発者ツール](https://reader034.vdocument.in/reader034/viewer/2022051513/5478ce71b4af9fa0158b4651/html5/thumbnails/18.jpg)
エミュレーション設定の保持
エミュレーション設定の保持の有効化
エミュレーション設定の保持のリセット
次回開いた時もエミュレーション設定を維持することができるように