ソースコードの表示方法

ソースコードの表示方法

ソース コードは、すべての Web サイトの背後にあるプログラミング言語です。この記事では、最も一般的なブラウザーで Web ページのソース コードを表示する方法を説明します。ただし、モバイル Safari ブラウザは例外です。モバイル デバイスの Safari ブラウザでは、Web ページのソース コードを表示できません。

方法1方法1/2:

Chrome、Firefox、Edge、IE

  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-460px-View-Source-Code-Step-1-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e0\/View-Source-Code-Step-1-Version-5.jpg\/v4-728px-View-Source-Code-Step-1-Version-5.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":548,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Web ブラウザーを開きます。同じ方法を使用して、Chrome、Firefox、Microsoft Edge、Internet Explorer で Web ページのソース コードを表示できます。
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-460px-View-Source-Code-Step-2-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/0e\/View-Source-Code-Step-2-Version-5.jpg\/v4-728px-View-Source-Code-Step-2-Version-5.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 2 Web ページを開きます。これはソースコードを表示するページになります。
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-460px-View-Source-Code-Step-3-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/90\/View-Source-Code-Step-3-Version-5.jpg\/v4-728px-View-Source-Code-Step-3-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":828,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3ページを右クリックします。 Mac を使用していて、シングルボタンマウスを使用している場合は、 Controlキーを押しながらページをクリックできます。タッチスクリーン ラップトップを使用している場合は、2 本の指でページをタップできます。ドロップダウンメニューが開きます。
    • リンクや写真を右クリックしないでください。間違ったコンテキスト メニューが開きます。
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-460px-View-Source-Code-Step-4-Version-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/25\/View-Source-Code-Step-4-Version-5.jpg\/v4-728px-View-Source-Code-Step-4-Version-5.jpg","smallWidth":460,"smallHeight":347,"bigWidth":828,"bigHeight":549,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 4クリックしてページのソースを表示するか、 ソースコードを表示します閲覧したページのソース コードが新しいウィンドウまたは現在のウィンドウの下に表示されます。
    • Chrome と Firefox では[ページのソースを表示] オプションが表示され、Microsoft Edge と Internet Explorer では[ソースを表示] オプションが表示されます。
    • Ctrl + U (Windows) またはoption + Command + U (Mac) を押して、ページのソース コードを表示することもできます。
    広告する
方法2方法2/2:

サファリ

  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-460px-View-Source-Code-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e6\/View-Source-Code-Step-5-Version-4.jpg\/v4-728px-View-Source-Code-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":545,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 1 Safari ブラウザを開きます。青いコンパスの形をしたアイコンです。
  2. 2 Safariをクリックします Mac のメニューバーの左上隅にあります。これをクリックすると、ドロップダウン メニューが表示されます。
  3. 4-728px-View-Source-Code-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":728,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 3 「環境設定」をクリックします。このオプションはドロップダウン メニューの中央にあります。
  4. 4 「詳細設定」タブをクリックします環境設定ウィンドウの右上隅にあります。
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-460px-View-Source-Code-Step-9-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6d\/View-Source-Code-Step-9-Version-4.jpg\/v4-728px-View-Source-Code-Step-9-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":828,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 5 「メニューバーに開発メニューを表示する」チェックボックスをオンにします。このオプションは、「環境設定」ウィンドウの下部にあります。次に、メニュー バーに「開発」メニューが表示されます。
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-460px-View-Source-Code-Step-10-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/View-Source-Code-Step-10-Version-4.jpg\/v4-728px-View-Source-Code-Step-10-Version-4.jpg","smallWidth":460,"smallHeight":344,"bigWidth":828,"bigHeight":544,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 6 Web ページを開きます。これはソースコードを表示するページになります。
  7. 1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/71\/View-Source-Code-Step-11-Version-4.jpg\/v4-460px-View-Source-Code-Step-11-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":828,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 7 [開発]ボタンをクリックします。このメニューは、Mac のメニューバーのウィンドウメニューの左側にあります。
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-460px-View-Source-Code-Step-12-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/View-Source-Code-Step-12-Version-4.jpg\/v4-728px-View-Source-Code-Step-12-Version-4.jpg","smallWidth":460,"smallHeight":342,"bigWidth":728,"bigHeight":541,"licensing":"<div class=\"mw-parser-output\"><\/div>"} 8クリックするとページのソースコードが表示されますドロップダウンメニューの一番下にあります。このオプションをクリックすると、Safari で Web ページのソース コードが表示されます。
    • また、 option + Command + Uを押して、Web ページのソース コードを表示することもできます。
    広告する

ヒント

  • モバイル デバイスではソース コードを表示できませんが、iPhone または iPad で Safari ブックマークとして保存することで、Web ページのソース コードを表示できます。
広告する

警告する

  • Web ページのソース コードを表示すると主張するサードパーティ アプリケーションをダウンロードするときは、細心の注意を払ってください。


広告する

<<:  Androidでセーフモードを終了する方法

>>:  参考文献の引用方法(英語)

推薦する

のれんの価値を計算する方法

のれんの価値は会計および法律用語です。これは企業の無形資産であり、商標や特許、従業員とそのスキル、ブ...

苔のグラフィティの作り方

環境保護に対する人々の意識が高まるにつれ、苔を使った「エコグラフィティ」(または「グリーングラフィテ...

チポトレソースの作り方

アルゼンチン サルサは、アルゼンチンや他のラテンアメリカ諸国で広く使用されている緑色のソースで、通常...

異性に追いかけてもらう方法

異性から追いかけられ続けたいなら、いくつかのトリックを使い、あまり夢中になりそうにないように見せなけ...

額のしわを消す方法

額のしわがあると何十年も老けて見えることがありますが、幸いなことに、しわを目立たなくしたり、完全にな...

Gmail アカウントを削除して復元する方法

Gmail アカウントを削除するのは大きな問題です。削除すると、Google ドライブや Play ...

AndroidからPCに写真を転送する方法

このwikiHowでは、Androidスマートフォンまたはタブレットからコンピューターに写真をコピー...

食欲を抑える方法

食欲は心理的状態と生理的状態の両方に関係しています。時々、私たちは実際にはお腹が空いていないのに、退...

トマトを冷凍する方法

赤いトマトは夏の最高の珍味です。夏以外でもトマトのおいしさを楽しみたい場合は、冷凍保存がおすすめです...

あなたを傷つけた人を許す方法

自分を傷つけた人を許すのは簡単なことではありません。しかし、他人が自分に与えた害を心から許すことがで...

サンドボックスの構築方法

夏休みと砂場ほど子供時代を象徴するものはありません。砂場は、お子様に砂のお城を作ったり、トラックを運...

室内で竹を育てる方法

室内栽培に適した竹の種類は数百種あります。鉢植えの竹は色が鮮やかで、食卓に置くとお部屋に高貴な雰囲気...

背中上部の痛みを治療する方法

背中の上部とは、首の下から最後の肋骨、つまり胸椎までの領域を指します。背中の上部の痛みは、不適切な座...

胃潰瘍の症状を認識する方法

潰瘍は、体の皮膚または粘膜に生じる病変です。胃や小腸に発生する潰瘍は、通常、胃潰瘍(消化性潰瘍)と呼...

フリンジスカートの作り方

多くの女性は、レトロな社交界のスタイルを目指して、舞踏会ではタッセルスカートを着るのを好みます。フリ...