デベロッパーツールの新機能を紹介します。Expression機能)で、DOMノードをホバーで強調表示します。Expression」アイコンをクリック。ライブビューの結果をホバー。variable」を選択すると、DOMノードをグローバル変数として格納できます。variable」を選択。DOMツリーでグローバル変数として格納Consoleで式を実行。variable」を選択。HARファイルにエクスポートネットワークのログを診断する場合、ネットワークのリクエストをHARファイルにエクスポートできます。HARファイルにエクスポートファイルをネットワークパネルにインポートするには、ドラッグ&ドロップするだけです。HARファイルのインポートHARファイルをエクスポートすると、デベロッパーツールはHARファイルにInitiatorとPriorityの情報を含めます。HARファイルをデベロッパーツールにインポートすると、InitiatorとPriorityのカラムが設定されます。Initiatorフィールドは、リソースが要求された原因に関する詳細を提供します。これは、RequestsテーブルのInitiator列にマップされます。Initiatorカラムshiftキーを押しながらホバーすると、そのInitiatorと依存関係が表示されます。Initiatorと依存関係の表示Priorityフィールドでは、ブラウザがリソースに割り当てた優先レベルが表示されます。デフォルトでは非表示になっているRequestsテーブルのPriorityカラムに対応します。Priorityカラム右クリックして「Priority」をチェックすると、カラムが表示されます。71ではコマンドメニューを使用すると、DevToolsパネル、タブ、および機能にすばやくアクセスできます。theme」と入力しますが、「theme」だけでも入力してもOKです。コマンドメニューを起動command+shift+Pで、コマンドメニューを起動。commandを選択します。70から実装された新しいAPIです。Breakpointsパネルで、enterpictureinpicture、leavepictureinpicture、resizeのチェックボックスを有効にして、これらのPicture-in-Pictureイベントのいずれかが発生するたびに一時停止させることができます。BreakpointsパネルのPicture-in-Pictureの設定Consoleで要素のイベントを監視Consoleで「monitorEvents()」を実行して、要素のイベントを監視することができます。monitorEvents()の引数としてノードを渡します。ノードのすべてのイベントをコンソールに記録します。variable」を使用して、ノードを参照ノードをmonitorEvents()に渡すノードのすべてのイベントをコンソールに記録イベントの監視を停止するには、「unmonitorEvents()」を実行します。特定のイベントを監視するには、「monitorEvents()」に第2引数として記述します。