2018年10月19日のブックマーク (1件)

  • Chrome 70 デベロッパーツールが便利になってる!Web制作者がチェックしておきたい新機能のまとめ | コリス

    DOMノードの強調表示 Consoleタブを選択。 DOMノードに評価される式を入力。 入力する式 以下の便利な式を使用できます。 「document.activeElement」で、現在フォーカスのあるノードを強調表示。 「document.querySelector(s)」で、任意のノードを強調表示。sはCSSセレクタで、DOMツリー内のノード上をホバリングするのと同じ。 「$0」で、DOMツリーで現在選択されているノードを強調表示。 「$0.parentElement」で、現在選択されているノードの親を強調表示。 パフォーマンスパネルの最適化 今までのパフォーマンスパネルは大きなページをプロファイリングする際にはデータの処理とビジュアル化に時間がかかりました。Chrome 70ではこの処理とビジュアル化が高速になりました。 パフォーマンスパネルの最適化 信頼性の高いデバッグ Chro

    Chrome 70 デベロッパーツールが便利になってる!Web制作者がチェックしておきたい新機能のまとめ | コリス
    massa142
    massa142 2018/10/19
    “Consoleで値をリアルタイムに監視したい場合、Live Expression機能で表示することができます”