Chromeデベロッパーツールの[要素]ウィンドウで行番号を取得しますか？

Question

Chromeでは、ツール - >デベロッパーツール - >要素タブ。ソースコードの横に行番号はありません。それらをトグルする方法はありますか？

Answer 1

有用性は分かりませんが、[要素]タブのhtml要素を右クリックして[HTMLとしてコピー]を選択し、お気に入りのテキストエディタに貼り付けることができます。それは、あなたがそれをコピーする場所に存在するDOMの行番号を与えるでしょう。

コメントのように、これはソース行番号に対応しません。

Answer 2

開発者エリアに番号行を表示する方法はありません。コードの行を表示するWebページでCTRL + Uを押すことができます。 幸運

Answer 3

クロームデベロッパーツールがポストから変更されている場合、私は知りませんが、あなたは今、この操作を行うことができます。

の横にある矢印をクリックしてエラーを展開し、という行をクリックしてくださいスタック（...）と同じエラーメッセージとそれが発生したソース行に展開されます。

こちらがお役に立てば幸いです。

Answer 4

[ページソースの表示]を右クリックすると、現在の行番号が表示されます。

私は行番号でJavaScriptエラーが発生していたので、これが必要でした。開発ツールは、通常のソースタブにこのスニペットを表示していませんでした。おそらく、HTMLに埋め込まれていて、コンパイルエラー（愚かなカンマがありません）があったからです。

Answer 5

てみChrome拡張機能Go to line：

Answer 6

それはあなたのHTMLコードと行番号の解析され、修正されたバージョンは、あなたがあなたのコードエディタに表示されるものとは非常に異なる可能性がありますので、それは行番号を持っていません。 。まったく同じ要素を見つける最良の方法は、要素にID属性を追加してからdocument.querySelectorAll（ '＃CUSTOM_ID'）を使用することです。 変更されていないHTML（サーバから受信したブラウザ）を表示したい場合は、ページを右クリックし、表示ページのソースを選択します。

Answer 7

HTMLでは行番号は使用されなくなりました。各行には一意の名前が付いています。