windows 8.1 update 1で更新されたinternet explorer 11のf12開発者ツールアップデート
TRANSCRIPT
![Page 1: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/1.jpg)
![Page 2: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/2.jpg)
IE11がバージョンアップ
![Page 3: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/3.jpg)
疑似状態の表示確認が可能に
a: を押すと疑似スタイルが展開される[ホバー] をチェックするとマウスホバー時のスタイルを表示
[表示済み] をチェックすると表示済みリンクのスタイルを表示
DOM Explorer
![Page 4: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/4.jpg)
スタイルの変更箇所がわかりやすく
変更
追加
削除
スタイルの変更箇所が色分けされてわかりやすく [変更] タブに変更前後の表示
DOM Explorer
![Page 5: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/5.jpg)
トレースと属性の統合Update前 Update後
CSSの記述と計算済みスタイルの切り替え
DOM Explorer
![Page 6: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/6.jpg)
汎用ライブラリをデバッグ対象外に- JUST MY CODE
jQuery などの汎用ライブラリをデバッグ対象外にすることが可能
↓ステップインから除外
デバッガー
![Page 7: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/7.jpg)
TYPESCRIPTのデバッグが可能に
.map ファイルでマッピング
TypeScriptCofeeScript
Script#のデバッグが可能
デバッガー
![Page 8: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/8.jpg)
CONSOLE.LOGでオブジェクト出力可能に
Update前
Update後
コンソール
![Page 9: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/9.jpg)
$_ 変数 –最後の処理結果を保持
コンソール
![Page 10: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/10.jpg)
F12を起動していない時でもコンソールログを記録可能に
コンソール
![Page 11: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/11.jpg)
UIの応答にフィルターが追加
[ソースの表示] で当該ソースにジャンプ便利!
UI の応答
![Page 12: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート](https://reader034.vdocuments.net/reader034/viewer/2022042715/55875dfad8b42ae7788b46ed/html5/thumbnails/12.jpg)
ドキュメントモード選択の理由が明確に
エミュレーション