HTML要素を取得してChrome開発ツールで行を折り返す方法がわかりません。長くて複雑なSVGパスを使用していて、水平方向にスクロールして他の要素の属性を確認するのが嫌いです。ワードラップは、chrome開発ツールの設定領域でチェックされます。提案はありますか?
今のところ利用できるワードラップがないようです:(そして人々が永遠に尋ねてきたようです、私もワードラップへの投票を投稿しました
編集、現在はデフォルトの機能のようです(「esc」を使用してコンソールを開き、右下の設定歯車アイコンをクリックします):
これはかなり古いスレッドですが、残念ながらまだ関連性があります。
ワードラップはElementsパネルでのみ機能します。ドキュメントから:
他のテキストエディタと同様に、要素パネルでコードの長い行を折り返すことを選択できます。
レオンの回答のリンクは実際にはネットワークパネルを参照していますが、コメントのいくつかは、他の人もこれをより一般的に見ていることを示唆しています。例えば.
すべてのコンテンツにワードラップが提供されているとよいでしょう。
そして.。
左腎臓をワードラップに寄付します!
とにかく、主にhtmlを編集している場合は、運がいいです。[ソース]パネルの代わりに[要素]パネルを使用してください。残念ながら、私の編集のほとんどはJSを使用しています。
そこで、Chromiumで新しい号を開き、誰かがそれをサポートしたい場合に備えて、ここにリンクを投稿します。
Chromeの 問題167287:機能リクエスト:ソースパネルのワードラップ 、開発者は次のように述べています。
[2014年10月13日]
ここでは、コードミラー機能に大きく依存しています。
アップストリームバグ: https://github.com/codemirror/CodeMirror/issues/1356
そして:
[2017年12月14日]
私はこれのパフォーマンスの懸念を少し怖がっています。大きい/縮小されたファイルを表示するよりパフォーマンスの高い方法がある場合は、再検討します。 [ステータス:割り当て済み→WontFix]
ただし、CodeMirrorの問題を修正するための実際の作業は、2つの部分に分割され、それぞれに独自のバグがあります。
長い/巨大な線の分割測定–問題#1022 (2014年1月27日休業)
線を再描画するための部分的なアルゴリズムを使用した実験–問題#209 (まだ開いていますが、ワードラップに関係なく適用されるように聞こえますか?)
そのため、非常に長い行を折り返すと、エディターが停止するのではないかと心配しています。実際にCodeMirrorを改善するかどうかにかかわらず、他の方法で説得できる場合は、おそらく[ソース]タブで折り返すオプションを追加する用意があります。
だから、いじりまわしてください: