mac の Safari でウェブサイトのソースを表示する方法を解説します。
ソースとはウェブサイトの構造や仕組みに当たるものです。世の中のウェブサイトは html というマークアップ言語で作られています。
ページのソースは隠されているものではなく、誰でも見ることができるようになっています。つまりページのソースを見れば、ある程度どのようにして作られているのかわかるということです。
開発メニューを表示
Safari は標準ではソースを表示する事ができないようになっています。まずは開発メニューを有効化する必要があります。
Safari メニューより「環境設定」を開きます。場合によっては「設定」と表示されている事もあります。
詳細タブを開きます。
「メニューバーに“開発”メニューを表示」のチェックボックスをオン✅にします。
- オン✅:メニューバーに開発メニューを表示
- オフ:メニューバーに開発メニューを非表示
メニューバーに開発メニューが表示されます。
ページのソースを表示する方法
Safari のメニューバーの開発メニューより「ページのソースを表示」を選択します。
するとこのようにページのソースが表示されます。
別ウィンドウに表示する
赤枠部のボタンを押すことで、ページのソースを別ウィンドウに表示する事ができます。
右クリックメニューで表示
Safari の開発メニューを有効化すると、右クリックメニューからもページのソースを表示する事ができます。
ウェブサイト制作をしている場合にも役立つにゃ!