ChromeとEdgeのソース表示で行の折り返しを有効にする方法

デスクトップ版のGoogle ChromeおよびMicrosoft Edgeブラウザには、行の折り返し(Line Wrap)機能が搭載されています。この機能を使うと、任意のWebページのソースコードを確認する際に、長いコード行を画面幅に合わせて自動的に折り返して表示できるようになります。つまり、ページのソースコードを調べるときに、行の折り返しオプションを活用できるということです。

ソースビューでよくある問題として、コード行がウィンドウの幅からはみ出して横スクロールが必要になるというものがあります。これはバグではなく、適切な機能を使えば解決できる表示上の問題です。行の折り返しはHTMLベースの機能で、より快適な視覚体験を提供してくれます。

Chrome・Edgeのソース表示で行の折り返しを有効/無効にする手順

Google ChromeとMicrosoft Edgeで行の折り返しを有効にするには、以下の手順に従ってください。

1. Google ChromeまたはMicrosoft Edgeを開きます。
2. 対象のWebページにアクセスします。
3. ページ上で右クリックし、「ページのソースを表示」を選択します。
4. ソース表示ウィンドウ内の「行を折り返す(Line wrap)」チェックボックスにチェックを入れます。

ここからは、各手順を詳しく見ていきましょう。

まず、行の折り返しを有効にしたいブラウザ(EdgeまたはChrome)を起動し、設定を変更したいWebページを開きます。

次に、キーボードショートカットのCtrl+Uを押すと、ソースタブが直接開きます。または、ページ上で右クリックして「ページのソースを表示」を選択しても同じです。

ソース表示ウィンドウの中にある「行を折り返す」にチェックを入れましょう。これで、テキスト行がウィンドウからはみ出さなくなり、コード全体を見やすく確認できます。

なお、この方法で解消されるのはあくまで一時的な表示の問題であり、設定はブラウザに永続的に保存されません。そのため、ソースを表示するたびに、同じ操作をやり直す必要があります。

EdgeとChromeのソース表示で行の折り返しを無効にする方法

前述のとおり、この変更は永続的なものではなく、ソース表示を閉じると自動的に元に戻ります。ただし、表示中に手動で無効化したい場合は、有効化したときと同じ手順で簡単に解除できます。手順は以下のとおりです。

1. Google ChromeまたはMicrosoft Edgeを開きます。
2. 対象のWebページにアクセスします。
3. Ctrl+Uキーを押してソースコードを表示します。
4. 「行を折り返す」チェックボックスのチェックを外します。

Microsoft EdgeまたはGoogle Chromeを起動し、行の折り返しを無効にしたいWebページを開きます。ページ上で右クリックして「ページのソースを表示」を選択し、「行を折り返す」オプションのチェックを外せば完了です。

この記事がお役に立てば幸いです。