これらのツールを使用して Web サイトのソースを確認するにはどうすればよいでしょうか?

Andy Acosta

7分

ウェブサイトのソースを知る方法

デザインに情熱を持っている人なら、次のことに同意するでしょう。 細かい部分が本当に違いを生むのです どのプロジェクトでも。特にタイポグラフィーは常に注目を集めるものなので、使用されているフォントを知りたくなることがよくあります。今日は次のことについてお話します。 を知る方法 ウェブサイトのソース いくつかのツールを使って。

適切なフォントの選択 プロジェクトの成功か失敗を決めることができ、 ウェブページの場合と同様です。お気に入りの Web ページで使用されているフォントを見つけて、あなたの注意を引くことに成功したフォントの秘密を発見してください。

ウェブサイトのソースを知るにはどうすればよいですか?

GoogleChromeを使用する

はい 開発者ツールでGoogle Chromeを使用できます Web ページのソースコードを知るため。これらのツールは、まさに Web ページの開発に専念するユーザー向けですが、あなたの場合は これらはあなたにとって役立ち、非常に簡単に使用できます. Google Chromeの壁紙を変更する方法

すべての Web サイトで使用されているソース コードとスタイルが利用できるため 誰でも相談できる、このツールを使用できるようになるということです。

これを行うには、次のことを行う必要があります。

  1. Google Chromeに移動します 自分の Web サイト、またはソースを知りたい Web サイトを開きます。
  2. 「ソースを表示」オプションを選択します Windows オペレーティング システムを搭載したコンピュータを使用している場合は、このページのコンピュータのキーボードで Ctrl+U をクリックすることもできます。
  3. Macをお持ちの場合は、 その場合は、Cmd + Option + U になります。
  4. その後、 開発者ツールを開く必要があります Windows コンピュータの場合は F12 をクリックし、Mac の場合は cmd + Option + I をクリックします。
  5. 画面の右上にある カスタマイズオプション DevTools を制御します。
  6. 次に、カーソルを上に移動する必要があります その他のツールのオプション をクリックし、[ネットワークの状態] を選択します。
  7. [ユーザー エージェント] セクションで、チェックボックスをオフにする必要があります。 デフォルトのブラウザ設定オプションを使用します。
  8. 表示されるドロップダウン メニューで Googlebot オプションを選択します。 ウェブサイトのソースを知る方法

  9. 最後に、 ページを更新 ソースに関して探しているすべての情報を取得します。

ただし、これらの手順は少し複雑に見えるかもしれません。実際のところ、それは非常に簡単です。 Google Chrome はこの情報を提供するように最適化されています。

Safariブラウザ経由

検索エンジンと同じように、次の場所で Web ページのソース コードを確認できます。 Safariブラウザ経由.

Safari を使用するには、次のことを行う必要があります。

  1. やる 「サファリ」をクリックします トップメニューにあります。
  2. 設定オプションを選択します 次に「上級」セクションです。
  3. 次に、チェックボックスをオンにします Web 開発者向けの機能を表示します。 Safari ウェブサイトのソースを確認する方法

  4. あなたはしなければならない SafariでWebページを開く そして、上部のメニューで「開発」オプションをクリックします。
  5. カーソルを ユーザーエージェントオプション 次に、画面の下部にある「その他」オプションを選択します。
  6. 最後に、次のことを行う必要があります テキストを置き換える このフィールドには次のように入力します: Mozilla/5.0 AppleWebKit/537.36 (Gecko のような KHTML、互換性あり、Googlebot/2.1.​​537.36、+http://www.google.com/bot.html) Safari/XNUMX
  7. そう ソースコードが表示されます 特定の Web サイトの場合は、「OK」をクリックして終了します。

Microsoft Edge

Microsoft Edge が配置されています 最もよく使用される Web ブラウジング ツール内 Google Chrome や Safari とともに。時間の経過とともに、Microsoft Edge は Web ブラウジングにおける重要性を増してきました。

今日は、 何百万人ものユーザーに選ばれました 統合人工知能モデルとしての Copilot の使用を含む、その強力な機能のおかげで。 Microsoft Edge で Web サイトのソースを確認する方法

これを使用して Web ページのソースを表示するにはどうすればよいですか?  

  1. Microsoft Edgeブラウザを検索する 使用しているフォントについて知りたい Web サイト。
  2. やること 画面上で右クリック いくつかのオプションが表示されるので、その中から「検査」を選択する必要があります。
  3. カーソルをスライドさせます ドロップダウン メニューで [スタイル] タブを選択します。
  4. 表示される検索バーに 「ソース」という単語を挿入します.
  5. コマンドの横に フォントファミリー ソースを表示できるようになります このウェブサイトで使用されています。

Web サイトのソースを見つけるためにサードパーティのツールを使用できますか?

もちろん、Web サイトのソースを知るためのサードパーティ ツールの利用可能性はまったく無視できるものではありません。 多数のオプションがあります 現在、

最も人気のあるもののいくつかは次のとおりです。

WhatFont

というツールです あなたの一番の味方になってくれるでしょう 頻繁にアクセスするさまざまな Web ページで使用されているフォントを頻繁に知りたい場合。 WhatFont をインストールしたら、 いつでも手の届くところにあります 拡張機能として、いつでも参照できます。 WhatFont

画面上にカーソルを置くと 問題の情報源をすべて知ることができます ほぼ瞬時に。このツールは、この種の情報を取得するのに非常に魅力的で便利であると考えています。

WhatFont 無料でとてもアクセスしやすいです ユーザーにとって、Web デザインに専念している、または情熱を持っている人にとっては、間違いなく間違いない選択肢です。

Fontanello

このツール WhatFont と非常によく似たエクスペリエンスを提供します。 ただし、真実ははるかに単純で、見た目の魅力はやや劣ります。

WhatFont と同じように、 Fontanello e非常に人気がありよく使われている拡張機能ですが、 Google Chromeで利用可能です。シンプルで簡単に適用できるため、優れた代替手段と考えられています。

フォントは何ですか

シンプル、実用的、多用途、私たちはこのアプリの使いやすさを気に入っています。もちろん、提供される機能は非常に基本的なものです。それはあなたに役立ちます Web ページのソースに関する情報を取得する あるいは写真さえあれば、それ以外はほとんどありません。

人工知能によるフォントとは 使用されているフォントを識別します また、これと同様のソースも提供します。モバイルでこれらのツールのいずれかを使用したい場合は、Play ストアと App Store で見つけることができます。

このアプリは次の目的で入手できます iOS こことのために Android ここに。

今日はここまでです！これらのツールやヒントについてのご意見をコメント欄でお知らせください。 ウェブサイトのソースを知る。 どれがあなたのお気に入りでしたか？