Chromeでソースコードを表示する方法は？（2つの方法）[MiniToolニュース]

How View Source Code Chrome

まとめ：

Chromeでページのソースを表示することは、Webページの便利なデザインのアイデアを得る良い方法です。この投稿では MiniToolソフトウェア、主に2つの異なる方法でChromeでソースコードを表示する方法について説明します。お役に立てば幸いです。

Web業界のメンバーである場合、ページソースを表示することは、Webデザインレベルを開発するための優れた方法です。あなたは優れたウェブページからスキルを得ることができます。また、Webデザイナーでなくても、ページソースに関心がある場合は、ページソースを表示して、Webページでは表示できない情報を取得することもできます。

次に、ページソースを表示する方法は？あなたはこの質問をするかもしれません。 Google Chromeは、世界中で最も広く使用されているWebブラウザです。この投稿では、ソースChromeを表示する方法を紹介します。

勝利のためのGoogleChromeのヒントとコツ：便利で便利

この投稿では、GoogleChromeの便利で便利なヒントとコツを紹介します。

Chromeでソースコードを表示する方法

Chromeでページソースを開いて表示するのは非常に簡単です。ガイドは次のとおりです。

1. Google Chromeを使用して、ページソースを表示するWebページを開きます。

2.ページを右クリックして（リンクをクリックしないでください）、ポップアップメニューが表示されます。

3.選択します ページソースを表示 メニューから。ここで、ページソースの表示のショートカットがあることがわかります。 Ctrl + U 。これは、ターゲットWebページにアクセスした後、を押すことができることを意味します Ctrl キーと U 同時にキーを押して、ソースChromeを開いて表示します。一方、Macコンピュータを使用している場合は、を押す必要があります コマンド+オプション+ U Chromeでページソースを開いて表示します。

Chromeのコンテキストメニューから[ページソースを表示]をクリックします

4.新しいタブがそのWebページのソースコードとともにポップアップ表示されます。

ソースコードページ

これらは、GoogleChromeで表示するソースコードです。

知っておくべきWebブラウザのキーボードショートカット

Webブラウザにキーボードショートカットを使用すると、時間を大幅に節約できます。この投稿では、Webブラウザの一般的なキーボードショートカットをいくつか紹介します。

高度：開発者ツール

Chromeのウェブページのソースコードに関する詳細情報を掘り下げるために、Chromeの開発者ツールを使用することもできます。これらのツールを使用すると、そのWebページの要素、コンソール、ソース、ネットワーク、および詳細情報を確認できます。

これがあなたがすべきことです：

1.Chromeを使用してターゲットWebページを開きます。

2.インターフェイスの右上にある3つのドットメニューをクリックします。

3.に移動します その他のツール>開発者ツール 。

[開発者ツール]をクリックします

4. Webページの左側から新しいウィンドウがポップアップ表示され、Webページの詳細情報を確認できます。上部のメニューバーをクリックして、これらのオプションを切り替えることができます。

開いた開発ツール

[要素]セクションで、CSSにカーソルを移動すると、開発者ツールは対応するHTMLページで選択した要素を強調表示できます。このデザインは、細工されたWebページの特定の部分に関する情報を取得する場合に特に役立ちます。

Chromeでページソースを表示することは合法ですか？

ここを読んで、あなたはこの質問をするかもしれません：グーグルクロームでページソースを見るのは合法ですか？結局のところ、これらのソースは他の人からのコードです。

私たちは多くのウェブデザイナーがこれらのことをしたと信じています。 Chromeでページソースを表示することは合法です。これらのコードを使用して同様のページを作成することもできます。しかし、あなたの仕事でコードを無傷に保つことは合法ではありません。それらを参照用に使用することはできますが、盗用することはできません。