ソースコードの表示方法

ソースコードの表示方法

ソース コードは、すべての 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でセーフモードを終了する方法

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

推薦する

パセリを乾燥させる方法

パセリは多くの料理の飾り付けに使われており、適切に乾燥させて保存すれば一年中保存できます。新鮮なパセ...

子犬の離乳方法

生まれたばかりの子犬は、生後数週間生き延びるために母乳の栄養を必要とします。母乳は子犬の成長と発達に...

PDFファイルを保存する方法

保存したい PDF ファイルを見つけましたか?心配しないでください。オンラインで見つけた PDF フ...

おむつの履き方(大人)

これまでずっとおむつを着用してきた人や、現在もおむつを着用している人は、おむつを普通の衣服と同じよう...

余分な脂肪を取り除く方法

体重を減らしたいなら、同じ考えを持つ多くの人に出会うでしょう。さまざまな年齢の女性の多くは、脚、お尻...

歯磨き粉を自分で作る方法

市販の歯磨き粉の匂いが嫌いですか、それともお金を節約したいですか? DIY を楽しむ限り、自分で歯磨...

猫よけを自分で作る方法

猫が好きかどうかに関わらず、猫が庭や鉢植え、あるいはリビングルームのソファーを汚すといつも頭が痛くな...

元恋人と友達になる方法

別れは、元恋人ともう友達ではなくなることを意味するため、特に難しいことです。特に、もともと友達だった...

アイスコーヒーの作り方

暑い夏には甘いアイスコーヒーが飲みたいと思いませんか?この人気の冷たい飲み物は、主にコーヒーとアイス...

頭痛を治す方法

ほとんどの人は、時々頭痛を経験します。頭痛には軽いものもあれば、ひどくて集中するのが困難になるものも...

子供が公共の場で自慰行為をするのを止める方法

自慰行為は子供たちの間で非常に一般的です。自慰行為は、子供が潜在的な性的欲求を探求するための自然で無...

MLA 形式で映画を引用する方法

MLA 引用形式は、米国現代言語協会が開発した論文ガイドライン形式です。人文科学や社会科学の分野で英...

...

iCloudアカウントを作成する方法

このwikiHowでは、iPhone、iPad、Mac、またはiCloud.comでApple ID...

Gmailの使い方

このwikiHowでは、Gmailでメールを送信したり、受信トレイを管理したり、その他の基本的なタス...