SafariでHTMLソースを表示する方法

ほとんどのWebページでは、（画像ではなく）ページを右クリックし、[ページのソースを表示] を選択して、ソースを表示することもできます。 。 開発メニューを有効にする必要があります 設定 オプションを表示します。

Safariには、HTMLソースを表示するためのキーボードショートカットもあります。コマンドを押したままにします。 およびオプション キーを押してUを押します （ Cmd +オプト + U 。）

ソースコードを表示する利点

ソースを表示して、Webデザイナーがどのようにレイアウトを実現したかを確認すると、作業の学習と改善に役立ちます。何年にもわたって、多くのWebデザイナーや開発者は、表示されているWebページのソースを表示するだけで、かなり多くのHTMLを学習してきました。これは、初心者がHTMLを学び、熟練したWebプロフェッショナルが、他の人が新しい技術をどのように使用したかを確認するための優れた方法です。

ソースファイルは非常に複雑になる可能性があることに注意してください。ページのHTMLマークアップに加えて、そのサイトの外観と機能を作成するために使用される重要なCSSファイルとスクリプトファイルがある可能性があります。そのため、何が起こっているのかすぐに理解できなくてもイライラしないでください。 HTMLソースの表示は、最初のステップにすぎません。その後、ChrisPederickのWebDeveloper拡張機能などのツールを使用して、CSSとスクリプトを調べたり、HTMLの特定の要素を調べたりすることができます。

ソースコードの表示は合法ですか？

サイトのコードを卸売りでコピーし、それをWebサイトで自分のものとして渡すことは確かに受け入れられませんが、そのコードを学習の出発点として使用することは、実際にはこの業界で進歩を遂げている人の数です。今日、サイトのソースを表示しても何かを発見していない、実用的なWebプロフェッショナルを見つけるのは難しいでしょう。

Webの専門家はお互いから学び、多くの場合、彼らが見たり刺激を受けたりする作業を改善します。そのため、サイトのソースコードを表示して、学習ツールとして使用することを躊躇しないでください。