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

Internet Explorer 11 August Updateの F12 開発者ツール

0 views

Published on

Internet Explorer 11 August Updateで改善された F12 開発者ツールの機能についてまとめました

Published in: Technology
0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
0
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
5
Comments
0
Likes
7
Embeds 0
No embeds

No notes for slide

Internet Explorer 11 August Updateの F12 開発者ツール

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

×