Web ページのソース コードを Safari やその他の Web ブラウザで表示することは、Web で生計を立てたり、趣味で使用したりする多くの人にとって、ごく日常的な作業です。他の一部のブラウザーとは異なり、Safari でページのソースを表示するには、最初にブラウザーの開発者ツールセットを有効にして、Web ページのソースの表示機能にアクセスできるようにする必要があります。

このチュートリアルでは、Mac OS の Safari で Web ページのソースを表示する方法を説明します。これは、Safari と MacOS のすべてのバージョンに適用されます。

Mac 用 Safari でページのソースを表示する方法

MacOS の Safari で Web ページのソースを表示する方法は次のとおりです:

1. まず、Safariメニューに移動し、「環境設定」を選択し、「詳細設定」に移動し、ボックスをチェックして開発者メニューを有効にして、Safariの開発メニューを有効にします



2. 次に、任意の Safari ウィンドウで、ソースを表示して検査したい Web ページに移動します
3. 画面上部の「開発」メニューをプルダウンし、メニューオプションから「ページソースを表示」を選択します



4. Web Web ページのソースは、Safari に組み込まれた Web 開発者ツールキットである Web インスペクターのソース セクションの画面に表示されます

ページのソースを表示する以外にも、[開発] メニューを使用して、Javascript を無効にしたり、Safari のキャッシュをクリアしたり、その他の無数の機能や高度な機能を使用したりするなど、Web で役立つ他の多くのトリックや開発者のタスクを実行することもできます。ページに埋め込まれたファイルを見つけるなど、ユーザーと開発者。

Mac の Safari でキーボード ショートカットでページ ソースを表示する方法

Safari で [開発] メニューを有効にすると、キーボード ショートカットを使用して、Mac の Safari ブラウザで Web ページのソースをすばやく表示することもできます:

1. ページのソースを表示したいウェブページに移動します
2. Command + Option + U キーボードの組み合わせを押して、ページのソースを表示します

ページ ソースを表示するためのキーボード ショートカットは、[開発] メニューからアクセスするのと同じように、Web インスペクタ ツールを開きます。

.

価値のあることとして、Chrome ブラウザと Firefox ブラウザにも同様の Web 要素インスペクタ機能がありますが、ここでは明らかに Mac 用 Safari に焦点を当てています。

. iOS および iPadOS バージョンの Safari のページ ソース。

Safari でページのソースまたは開発者ツールセットを表示する際に役立つヒントやコツはありますか?コメントであなたの考え、ヒント、経験を共有してください。