Chrome Inspectorの特定の要素にリンクすることはできますか？

Chrome Inspectorの[Elements]タブで特定の要素にリンクすると便利です。たとえば、次のようなHTMLでページを与えられた：Chrome Inspectorの特定の要素にリンクすることはできますか？

<div> 
    <div id="box">A box element</div> 
</div>

それはクロームインスペクタ>要素]タブ内#id要素へのリンクを作成することが可能です。

つまり、URLへのリンクを作成し、Chrome Inspectorを開いて、#box要素を自動的に選択できますか？

これは、view-source:URLに似た、URL経由でChrome Dev Toolsを開く方法があれば、要素のXPathを使用して行うことができます。

おそらくそうではありません。あなたはそのようなURLで何をしたいですか？（ビュー元のURLを使って何ができると思いますか？普通のWebページからはリンクできません） –

他の人や教育機関とのデバッグには便利です。 –

FWIW devtoolsコンソールに 'inspect（$（ '＃id'））'と入力することもできます（ページにjQueryがある場合は 'inspect（$（ 'id id'）[0]）'）。また、誰かがすでにdevtools用の拡張パネルを書いているのかもしれません。 – wOxxOm

要素を右クリックし、[コピーセレクタ]または[XPathのコピー]のいずれかを選択できます。 ElementsパネルのCmd-Fを押すと、「Find by string、selector、XPath」という検索バーが表示されますので、特定のページの特定の要素を指すように使用できます。

2017-09-14 21:40:54

答えて