アクセスしている Web ページのソース コードを確認したい理由はいくつかあります。いくつかの例を挙げると、画像やリンクの URL を取得できることから、どのコンポーネントがロードされているかを詳細に理解できることまでです。 Safari で Web ページの Web コードを表示するのは非常に簡単です。
「開発」メニュー、ソースコードへのアクセス
最初に行う必要があるのは、Safari で[開発]メニューをアクティブにすることです。これは、 Safariメニュー > [環境設定]で行い、 [詳細設定]タブ内で、[メニュー バーに開発メニューを表示]を有効にします。その後の手順は以下のとおりです。
- ソースコードを確認したいWebページを開きます。
- [開発]メニューで[ページのソース コードを表示] を選択するか、Option (⌥) + Command (⌘) + U を押します。
すべてのソースコードが画面の下部に表示されます。コード表示は2 つの部分に分かれています。
左側のサイドバーでは、 Web ページのさまざまな要素 (メイン HTML、スクリプト、スタイル シート、画像など) を選択できます。要素を選択すると、ソース コード ビューアのドロワーの右側にそのプレビューが表示されます。
そしてそれは簡単です。 Web ページに表示されるビデオをダウンロードしたり、その動作を調査したりするために、Web ページのソース コードを確認する必要がある場合、 Macの Safari を使用すると簡単に実行できます。