見出し画像

【Safari】開発ツールを使ってソースコードを調べる方法

今回は,Safariの機能を使って,ソースコードを調べる方法を紹介します.
この方法を知っていると,ホームページ作成の効率がぐんと上がると思います.

Safariを開いて,メニューバー>Safari>設定を開きます.

詳細の,「Webデベロッパ用の機能を表示」にチェックを入れます.

Safariを閉じて,開き直します.
ソースコードを調べたいサイトを開いて,
メニューバー>開発>ページのソースコードを表示をクリック.

以下のようにソースコードが表示されます.

開発ツール左上のシューティングマークをクリックして,特定の場所をクリックすると,スタイル属性というものが表示されて,詳細を見ることができます.

この機能をうまく活用して,ホームページを作成していきましょう〜

いいなと思ったら応援しよう!