Description: 「Safari」が Web ページの要素をどのようにダウンロードするか監視するには、「ウインドウ」＞「構成ファイル一覧」を選択します。
Keywords: デベロッパ情報, 開発者情報

ホーム
索引

# ブラウザの動きを監視する

「Safari」で読み込んだ Web ページの各要素を監視したり検査したりできます。これらの機能は、Web ページの構造を確認したい場合に便利です。

■

Web ページの読み込み状況を監視するには：

「ウインドウ」＞「構成ファイル一覧」を選択したのち、Web ページを開きます。

構成ファイル一覧ウインドウが、ページで読み込まれたそれぞれの要素をリスト表示します。個別の要素を別のウインドウで開くには、リストの項目をダブルクリックします。別の Web ページを開くと、「構成ファイル一覧」ウインドウの内容が置き換えられます。

■

Web ページのリソースを検査するには：

「開発」＞「Web インスペクタを表示」と選択してから、Web ページを開きます。

Web インスペクタのサイドバーには、書類、スタイルシート、スクリプトなど、ページにあるリソースのカテゴリの一覧が表示されます。特定のカテゴリを表示するときは、その開閉用三角ボタンをクリックします。そのカテゴリの各リソースをクリックすると、そのコードとその他の詳細が表示されます。サイドバーには、各リソースの読み込みに必要な時間と、Web サイトの大きさ（帯域幅）も表示されます。

注記：「開発」メニューがメニューバーに表示されない場合は、「Safari」環境設定を開き、「詳細」タブをクリックしてから、「メニューバーに“開発”メニューを表示」を選択します。

### 関連トピック

開発メニューについて