Web ページの要素と動作を検査する

「開発」メニューを使用して、Web ページの動作を監視し、Web ページの要素を検査します。

「Safari」を開く

  1. 「開発」メニューがメニューバーにあることを確認してください。

    「開発」メニューを表示するには、「Safari」>「環境設定」と選択し、「詳細」をクリックしてから、「メニューバーに“開発”メニューを表示」選択します。

  2. Web ページに移動して、「開発」>「Web インスペクタを表示」と選択し、以下のいずれかを行います:

    • Web インスペクタの機能を表示する:Web インスペクタのツールバーまたは「開発」メニューを使用して、Web ページのリソース、タイムライン、ソースコード、デバッガ、またはエラーコンソールを表示します。

    • Web インスペクタのサイドバーを表示する/隠す:Web インスペクタツールバーで現在選択しているコントロール(「リソース」、「タイムライン」、「デバッガ」、または「コンソール」)をクリックします。

    • Web ページの要素を検査する:Control キーを押したまま Web ページの要素をクリックし、ショートカットメニューで「要素の詳細を表示」を選択します。Web インスペクタツールバーで「検査」をクリックして、要素をクリックすることもできます。

関連項目
Safari の開発メニューを使用する