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