chrome devtoolsの拡張機能を持つハイライトノード

Question

私のchrome dev-tools拡張機能のdom要素は、（ツールのような）要素インスペクタと同じ方法で強調表示したいと思います。これには特別なAPIがありますか？ ありがとう

Answer 1

DevToolsコンソールを使用して検査ページのコードを評価するたびに、DevToolsはcommand line APIというヘルパーコールを公開しています。このAPIにはinspect（）呼び出しが含まれています。これは、ユーザーがコンテキストメニューから「Inspect Element」を呼び出した場合と同じ効果があります。つまり、Elementsパネルが表示され、ノードが強調表示されます。あなただけの場合

chrome.devtools.inspectedWindow.eval("inspect(document.body)"); 

：あなたのようなものを行うことができますので、（）コマンドラインAPIの残りの部分と一緒に呼び出しchrome.devtools.inspectedWindow.evalを（使用してデベロッパーツールのextnesionsによって評価コードに利用可能である）を検査Elementsパネル上で何も起こらずに（つまり、Elementsパネルの見た目のガラスによってDOM検索モードがオンになっているページにカーソルを置いたときのように）、検査したページ側のハイライトを自分で実装する必要があります現在のところAPIはありません。コンテンツスクリプトを使用して要素にカスタムスタイルを追加することをお勧めします。