ホームページ >ウェブフロントエンド >htmlチュートリアル >ページのソースコードを表示する 4 つの方法を共有する

ページのソースコードを表示する 4 つの方法を共有する

yulia
yuliaオリジナル
2018-09-20 14:43:47100744ブラウズ

フロントエンド開発者は、Web を閲覧しているときに気に入った Web ページに遭遇すると、そのコードがどのように記述されているかを常に確認したいと考えます。その Web ページのソース コードを変更する必要がある人もいます。 Webページのソースコードは?この記事では、ソース コードを表示する方法と、さまざまなブラウザでソース コードを表示するための ショートカット キーについて説明します。 困っている友人は参考にしていただければ幸いです。

1. ソース コードとは何ですか?

一般的に、HTML コードを通じて画像、テキスト、ビデオなどのコンテンツをブラウザーに表示できるようにするコードです。 、単に Web ページのソース コードと呼びます。 CSS コードは CSS ソース コードと呼ばれることもあります。

2. ソースコードの表示方法

Web ページのソースコードを開く方法は主に 4 つです。

1. 任意の Web を開きます。ページを右クリック クリックすると「ソースコードの表示」が表示され、このWebページのソースコードが目の前に表示されます。

ページのソースコードを表示する 4 つの方法を共有する

#2. 利便性と速度を高めるために、友人はショートカット Ctrl U を使用してソース コードを表示することもできます。

補足: ページの部分的なスタイルを確認したい場合は、マウスを右クリックして「要素の検査」をクリックします。ショートカット キー F12 またはショートカット キー Ctrl Shift I を使用して開発者ツールを呼び出すか閉じて、ソース コードを表示することもできます。

3. 表示する Web ページのアドレス バーの前に view-source:

を追加することもできます (例: view-source:https://www.baidu)。 .com/ Baidu のソース コード

ページのソースコードを表示する 4 つの方法を共有する

#4 を表示することもできます。また、ブラウザの設定メニュー ボックスで [その他のツール] を見つけて、開発ツールを探すこともできます。では、Web ページのソース コードを表示することもできます。

注: ただし、ブラウザによっては若干異なるようです。

Firefox: 設定メニュー ボックスを見つけ、Web 開発者を見つけ、ページのソース コードを見つけます

火狐ページのソースコードを表示する 4 つの方法を共有する

Google Chrome ではスクリーンショットが 1 つずつ撮影されません. ほとんど同じですが、わずかな違いがあります。


上記では、ページのソース コードを表示する 4 つの方法を紹介しました。知らない友達は自分で試してみて、便利で使いやすい方法を見つけることができます。

以上がページのソースコードを表示する 4 つの方法を共有するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。