windows 8.1 update 1で更新されたinternet explorer 11のf12開発者ツールアップデート

12

Upload: yoshihisa-ozaki

Post on 22-Jun-2015

1.325 views

Category:

Technology


3 download

TRANSCRIPT

Page 1: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート
Page 2: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

IE11がバージョンアップ

Page 3: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

疑似状態の表示確認が可能に

a: を押すと疑似スタイルが展開される[ホバー] をチェックするとマウスホバー時のスタイルを表示

[表示済み] をチェックすると表示済みリンクのスタイルを表示

DOM Explorer

Page 4: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

スタイルの変更箇所がわかりやすく

変更

追加

削除

スタイルの変更箇所が色分けされてわかりやすく [変更] タブに変更前後の表示

DOM Explorer

Page 5: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

トレースと属性の統合Update前 Update後

CSSの記述と計算済みスタイルの切り替え

DOM Explorer

Page 6: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

汎用ライブラリをデバッグ対象外に- JUST MY CODE

jQuery などの汎用ライブラリをデバッグ対象外にすることが可能

↓ステップインから除外

デバッガー

Page 7: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

TYPESCRIPTのデバッグが可能に

.map ファイルでマッピング

TypeScriptCofeeScript

Script#のデバッグが可能

デバッガー

Page 8: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

CONSOLE.LOGでオブジェクト出力可能に

Update前

Update後

コンソール

Page 9: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

$_ 変数 –最後の処理結果を保持

コンソール

Page 10: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

F12を起動していない時でもコンソールログを記録可能に

コンソール

Page 11: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

UIの応答にフィルターが追加

[ソースの表示] で当該ソースにジャンプ便利!

UI の応答

Page 12: Windows 8.1 Update 1で更新されたInternet Explorer 11のF12開発者ツールアップデート

ドキュメントモード選択の理由が明確に

エミュレーション