Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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開発者ツールアップデート

10,621 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. ドキュメント モード選択の理由が明 確に エミュレーション

×