View Source – HTML, JavaScript and CSS

編集部のおすすめポイント

• ブラウザ（Safari）でWebページ解析を行える

• WebサイトのURLを貼り付けWebページの構造を調査できる

• ソース検索機能、メールに添付・送信機能などを搭載

• WebデザイナやWeb系アナリストがサイト構造を分析する際に使える

View Source – HTML, JavaScript and CSSのスクリーンショット

View Source – HTML, JavaScript and CSSの特徴・編集部レビュー

HTML・CSS・JavaScriptのコード解析ができる

WebブラウザSafariの拡張機能設定から本ツールを有効に設定することで、解析したいWebページのURLを記載するだけでHTML・CSS。JavaScriptのコード解析ができます。

良質なWebデザインをソースコードから学べる

Webデザイナなどが優れたサイトのデザインを分析する際に使えます。レスポンシブウェブを実現しているコード部分の解析、JavaScriptでのクライアントサイドでの処理など、サイト構造を分析できます。

背景色を変更できソース検索も可能

目に優しいダークカラーに背景色を変更したり、ソース検索で一瞬にして該当箇所をマーキングできたりします。参考になるソースコードはペーストボードにコピーも可能で、メールに添付して送信することもできて便利です。

「View Source – HTML, JavaScript and CSS」スペック・仕様

View Source – HTML, JavaScript and CSSの順位推移表