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

Google ChromeとMicrosoft Edgeのデスクトップ版ブラウザーでは、「行の折り返し(Line Wrap)」機能が利用できるようになりました。この機能を使うことで、任意のWebページのソースコードを行が折り返された読みやすい状態で表示できます。つまり、ソースコードを確認しながら、行の折り返しオプションを自由に活用できるというわけです。

ソースビューでよくある悩みのひとつが、長いコード行がウィンドウ幅からはみ出してしまうことです。これはバグではなく、適切な機能を使えば解決できる表示上の問題です。行の折り返しはHTMLベースの機能で、快適な視覚体験を実現するために役立ちます。

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

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

1. Google ChromeまたはMicrosoft Edgeを開きます。
2. 機能を有効にしたいWebページに移動します。
3. ページ上で右クリックし、「ページのソースを表示(View page source)」を選択します。
4. ソース表示画面内の「行の折り返し(Line wrap)」チェックボックスにチェックを入れます。

それでは、具体的な手順を詳しく見ていきましょう。

まず、行の折り返しを有効にしたいブラウザーを起動します。Microsoft EdgeまたはGoogle Chromeを開き、対象となるWebページを検索して表示してください。

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

ソース表示画面の中にある「行の折り返し」にチェックを入れましょう。これでテキスト行がウィンドウからはみ出さなくなります。設定後はブラウザーを再起動しておくと安心です。

上記の方法でコードのはみ出し問題は解決できますが、これはブラウザーへの恒久的な設定変更ではありません。そのため、ソースを表示するたびに同じ操作をやり直す必要がある点には注意しましょう。

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

先述のとおり、この設定は永続的なものではなく、ソース表示を閉じると自動的に解除されます。行の折り返しを手動で無効にしたい場合も、有効にしたときと同じ手順で簡単に行えます。以下がその手順です。

1. Google ChromeまたはMicrosoft Edgeを開きます。
2. 機能を無効にしたいWebページに移動します。
3. キーボードショートカット「Ctrl+U」を押してソースコードを表示します。
4. 「行の折り返し」チェックボックスのチェックを外します。

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

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