web-dev-qa-db-ja.com

ワードラップChrome開発ツール?

HTML要素を取得してChrome開発ツールで行を折り返す方法がわかりません。長くて複雑なSVGパスを使用していて、水平方向にスクロールして他の要素の属性を確認するのが嫌いです。ワードラップは、chrome開発ツールの設定領域でチェックされます。提案はありますか?

enter image description here

21
cfish

今のところ利用できるワードラップがないようです:(そして人々が永遠に尋ねてきたようです、私もワードラップへの投票を投稿しました

https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=&colspec=ID%20Pri%20M%20Iteration%20ReleaseBlock%20Cr%20Status%20Owner%20Summary% 20OS%20Modified&groupby =&sort =&id = 7319

編集、現在はデフォルトの機能のようです(「esc」を使用してコンソールを開き、右下の設定歯車アイコンをクリックします):

enter image description here

17
Leon Gaban

これはかなり古いスレッドですが、残念ながらまだ関連性があります。

ワードラップはElementsパネルでのみ機能します。ドキュメントから:

他のテキストエディタと同様に、要素パネルでコードの長い行を折り返すことを選択できます。

レオンの回答のリンクは実際にはネットワークパネルを参照していますが、コメントのいくつかは、他の人もこれをより一般的に見ていることを示唆しています。例えば.

すべてのコンテンツにワードラップが提供されているとよいでしょう。

そして.。

左腎臓をワードラップに寄付します!

とにかく、主にhtmlを編集している場合は、運がいいです。[ソース]パネルの代わりに[要素]パネルを使用してください。残念ながら、私の編集のほとんどはJSを使用しています。

そこで、Chromiumで新しい号を開き、誰かがそれをサポートしたい場合に備えて、ここにリンクを投稿します。

9
Thailandian

Chromeの 問題167287:機能リクエスト:ソースパネルのワードラップ 、開発者は次のように述べています。

[2014年10月13日]

ここでは、コードミラー機能に大きく依存しています。


アップストリームバグ: https://github.com/codemirror/CodeMirror/issues/1356

そして:

[2017年12月14日]

私はこれのパフォーマンスの懸念を少し怖がっています。大きい/縮小されたファイルを表示するよりパフォーマンスの高い方法がある場合は、再検討します。 [ステータス:割り当て済み→WontFix]

ただし、CodeMirrorの問題を修正するための実際の作業は、2つの部分に分割され、それぞれに独自のバグがあります。

そのため、非常に長い行を折り返すと、エディターが停止するのではないかと心配しています。実際にCodeMirrorを改善するかどうかにかかわらず、他の方法で説得できる場合は、おそらく[ソース]タブで折り返すオプションを追加する用意があります。

だから、いじりまわしてください:

0
SamB