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

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

8,083 views

Published on

Published in: Technology

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

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

×