先週、アップデートされたChrome 71 デベロッパーツールの新機能を紹介します。 ブラウザのアップデートと共に、デベロッパーツールも便利になっていきますね! What's New In DevTools (Chrome 71) Live Expression機能でDOMノードを強調表示 DOMノードをグローバル変数として保存 HARファイルにエクスポート メインメニューからコマンドメニューにアクセス Picture-in-Pictureのブレイクポイント Consoleで要素のイベントを監視 Live Expression機能でDOMノードを強調表示 Chrome 70でアップデートされたLive Expression機能(参考: Live Expression機能)で、DOMノードをホバーで強調表示します。 ライブビューの結果にカーソルを置くと、ビューポートのDOMノードが強調表示
![Web制作者がチェックしておきたい、Chrome 71 デベロッパーツールの新機能のまとめ | コリス](https://cdn-ak-scissors.b.st-hatena.com/image/square/2f259c8ac23e25a450b58501dd32e03946f7d1e0/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201804%2F2018120801.png)