WebサイトのHTMLコードを表示する方法

Webサイトの構築に使用される基礎となるHTMLコードは非表示ではありませんが、適切なツールを使用すれば誰でも簡単にアクセスできます。 たとえば、Firefox、Chrome、Safari、Opera、Internet ExplorerなどのWebブラウザには、WebサイトのHTML、CSS、またはJavaScriptコードを直接表示する方法が複数あります。 さらに、一部の専用Web開発ツールは、ローカルディスクに保存されているファイルのように、インターネットからWebページをロードして開くことができます。

WebサイトのHTMLコードを表示するために必要な手順は、Firefox、Chrome、Safari、Opera、およびInternetExplorerで基本的に同じです。 テキストのみを含むWebページのセクションを右クリックし、[ソースの表示]または[ページのソースの表示]オプションを選択します。 ブラウザの設定に応じて、HTMLコードは新しいブラウザタブまたは別のアプリケーションウィンドウで開きます。

後でWebサイトのコードを調べたり編集したりする必要がある場合は、ページをハードドライブに保存できます。 FirefoxまたはSafariでWebページを右クリックすると、[名前を付けてページを保存]オプションが表示されます。 ChromeとOperaには[名前を付けて保存]オプションがあります。 Internet Explorerを使用してWebページを保存するには、[ツール]、[ファイル]、[名前を付けて保存]の順にクリックします。 Webページに加えて ブラウザ自体は、Webにローカルに保存されている、ページが使用するすべての画像、CSSファイル、およびJavaScriptを保存します。 サーバ。

Firefox、Chrome、Opera、Internet Explorerはそれぞれ、レンダリングされたWebページとそのHTML、CSS、およびJavaScriptコードを同時に表示できる開発者モードを提供します。 Web上の要素をクリックすると、そのコードが開発者の表示パネルに表示されます。 開発者パネルには、オプションまたは構成ツールからアクセスできます。 Safariにはネイティブの開発者ツールはありませんが、拡張機能としてインストールできます。

Dreamweaver、Kompozer、Microsoft ExpressionsなどのWebサイト設計ツールを使用すると、そのURLを使用してオンラインWebページを開くことができます。 HTMLコードは、ソースコードのみのビュー、または分割、プレビュー、ソースビューで表示します。 さらに、コードを編集して変更をリアルタイムで表示できます。 Webサイトのサーバーに保存されている実際のコードは変更されません。

意図的または意図せずに、一部のWebサイトはHTMLコードを簡単に放棄しません。 たとえば、一部のサイトでは、右クリックをブロックするJavaScriptコードを使用しています。 ページをディスクにダウンロードするか、ブラウザでJavaScriptを無効にすることで、ソースコードを引き続き表示できます。 他のサイトではHTMLフレームまたはiframeを使用しているため、ソースに直接アクセスできません。 Firefox、Chrome、Safari、Operaは、フレームベースのWebサイトを検出し、フレームのソースコードを表示するオプションを自動的に提供します。 Webページが別のドメインに保存されているJavaScriptまたはCSSファイルを使用している場合は、次の方法でそのファイルのコードを直接表示できます。 アクセス可能なHTMLコードからURLをコピーして、新しいブラウザタブのアドレスバーに貼り付けます。