ホームページ作成

ガイド:西村 文宏

ホームページ作成の基本や便利なサービスなど、様々なお役立ち情報をお伝えします。

取材依頼 問合せ

掲載日: 2004年 06月 13日

直接アクセスせずにソースを閲覧

※この記事でご紹介している機能は、Internet Explorer 6.0 SP2(Service Pack2)以降では利用できません。SP1以前のIE6.0であれば利用できます。この記事は参考までに公開し続けていますが、最近の環境ではおそらく利用できないでしょう。(Service Packを導入せずに古いIEを利用し続けていれば別ですが、その環境を使い続けるのはセキュリティ面でお勧めできません。)

ソースを見たい!

みなさんは、他人の作ったページのソースを見たことがありますか?
おそらく、多くの方々が、他人のソースを見たことがあると思います。
気に入ったページがあったら、「どうやって作ってるんだろう?」と、ソースが気になりますよね。

ソースを見るのは簡単

今見ているページのHTMLソースを閲覧するのは非常に簡単ですね。
代表的なブラウザには、ソースを閲覧する機能がありますから、それを使えば簡単です。(下図)

Internet Explorerでのソース表示メニュー   Netscape Navigatorでのソース表示メニュー
Internet Explorerの場合(左)/Netscape Navigatorの場合(右)

簡単には見られないソースがある!

見たいのはHTMLソースだけとは限りませんね。
CSS(スタイルシート)のソースを見たい場合や、JavaScriptのソースを見たい場合もあるでしょう。

CSS(スタイルシート)もJavaScriptも、HTML内に記述されていれば、上記の方法でHTMLソースと一緒に見ることができますね。

しかし、CSS(スタイルシート)やJavaScriptを、独立した別のファイルに保存し、それを呼び出す形で利用しているページもありますね。
そのようなページでは、ブラウザの機能だけでは、CSSやJavaScriptのソースを読むことはできません。


1ページを構成するファイル群の例

これらのソースを見たいと思ったら、みなさんはどうされますか?

実は簡単に閲覧できる

実は、HTMLファイル中から呼び出されているファイルなど、直接アクセスできないファイルでも簡単に閲覧する方法があります。
特別なソフトウェアは必要ありません。
※Internet Explorer か Netscape Navigator を使う必要はあります。

今回は、HTMLから呼び出されているCSSやJavaScriptのソースも手軽に閲覧する方法をご紹介致しましょう。

なお、この方法を使うと、対象のページにアクセスする前にHTMLソースを閲覧することもできます。

それでは、次のページへ! →


1 / 2 次へ>>

★関連記事・リンク★


★メールマガジン発行中
当ガイドのメールマガジンを毎週発行中です。(購読無料)
最新記事情報、記事の補足情報なども掲載。メールマガジン上でしか読めない情報もあります。ご購読は無料。 みなさんのご登録をお待ちいたしております。
登録・バックナンバーの閲覧はこちら
ガイドメールマガジン
携帯電話のメールアドレスでは登録できません

掲載の記事・写真・イラストなど、すべてのコンテンツの無断複写・転載・公衆送信等を禁じます。