ChromeでWebを閲覧する際、ウェブページの任意場所に右クリックすると、「ページのソースを表示」と「要素の検証」選択項目が表示されます。

右クリックで「ページのソースを表示」


「ページのソースを表示」をクリックすると、同じChromeウィンドに検索機能を付いている新しいタグが表示されます。

ソースの検索機能


「要素の検証」を選択する場合、Htmlの要素(Elements)とリソース(Resources)を解析する小さいウィンドが現れます。CSSの詳細確認や、バグ解析、ページを読み込む時間など、ウェブ開発者やデザイナにとって、うれしい機能でしょう。

「要素の検証」でページ要素確認


Resourcesタブで、ダウンロード時間が一目瞭然