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

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

2013-08-15 Anonymous

別の言い方をすれば、おそらくChrome *では行番号が表示される可能性がありますが、DOM構造の動的な変更によって、元のソースの行番号に必ずしも対応しない場合があります。スクリプトで動的に変更されていないことを保証できる文書を変更していた場合に役立つかもしれないが、まだそれはできないと思う。 – apsillers

プラグインを使用してHTMLを検証し、ブラウザの同じソースから行番号を渡している場合、指定された行番号は完全に関連しています – PandaWood

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

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

出典

2013-09-09 19:01:00 jkschneider

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

出典

2013-12-28 09:01:30

command + option + uを押すと、マックの上に。 – MichaelBrawn

-4

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

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

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

出典

2014-02-10 17:46:26 user3294022

質問はエラーについて何も言わない - ちょうどDOM検査官 – henry

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

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

出典

2015-05-14 14:47:18 Hannele

-1

てみChrome拡張機能Go to line：

出典

2015-12-14 11:39:58 pltnkv

リンクの内容の重要な部分をここにコピーするのは良い習慣だ – miraclefoxx

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

出典

2016-04-18 10:27:56

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

出典

2017-02-27 16:28:28 DBithead

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

答えて

関連する問題