MAC
 Computer >> コンピューター >  >> システム >> MAC

MacのSafariでWebページのソースコードを表示する方法

MacのSafariでWebページのソースコードを表示する方法

すべての美しいウェブページの背後には、そのウェブページのデザインと機能をユーザーに提供するソースコードと呼ばれる複雑なコードがあります。時々あなたは興味を持ち、どのコードがウェブページを構築するのかを正確に知りたいと思うかもしれません。 Webページのソースコードの表示は、ほとんどすべてのWebブラウザで可能であり、同じことがSafariforMacにも当てはまります。

Safari for Macでは、Webページのソースコードを表示できます。ただし、ChromeやFirefoxのようには機能しません。 Safariでページのソースを表示するには、最初にブラウザで非表示のメニューのロックを解除する必要があります。

そのメニューを有効にしてから、複数の方法を使用してWebページのソースを表示する方法は次のとおりです。

MacのSafariでWebページのソースコードを表示する

1.MacでSafariを起動します。

2. Safariが起動したら、上部の[Safari]メニューをクリックしてから、[設定...]をクリックします

MacのSafariでWebページのソースコードを表示する方法

3. [設定]パネルが開いたら、[詳細]というタブをクリックします。上部のメニューの最後になります。

MacのSafariでWebページのソースコードを表示する方法

4. [詳細設定]タブ内に、[メニューバーに[開発]メニューを表示する]というオプションが表示されます。

オプションのチェックボックスをオンにすると、メニューがブラウザのメニューバーにすぐに追加されます。

MacのSafariでWebページのソースコードを表示する方法

これで、MacのSafariで[開発]メニューのロックが解除されます。ウェブページのソースコードにアクセスするためのさまざまなオプションを使用する方法は次のとおりです。

1。開発メニューの使用

Safariのメニューバーに、ロックが解除されたばかりの「開発」という新しいオプションが表示されます。ページのソースを表示するには、[開発]メニューをクリックし、[ページのソースを表示]を選択します。

MacのSafariでWebページのソースコードを表示する方法

Safariは、Webページの完全なソースコードを即座に表示するはずです。

2。キーボードショートカットの使用

多数のWebページのソースコードにアクセスする場合は、メニューバーのオプションをクリックして別のオプションを選択するよりもはるかに高速であるため、キーボードショートカットを使用することをお勧めします。

MacのSafariでWebページのソースコードを表示する方法

Safariでウェブページを開いているときに「Option+Command + U」キーの組み合わせを押すと、Safariでウェブページのソースコードが表示されます。

3。右クリックメニューの使用

Webページのソースコードを表示するためのオプションもSafariのコンテキストメニューに追加されました。アクセスするには、Webページを表示しているときに右クリックし、[ページのソースを表示]というオプションを選択します。 MacのSafariでWebページのソースコードを表示する方法

結論

Safariがメインのブラウザであり、さまざまなWebページの背後にあるコードの表示に興味がある場合は、上記のガイドを使用すると、お気に入りのブラウザを離れることなくそれを行うことができます。


  1. MacのSafariで保存されたパスワードを表示する方法

    SafariをプライマリWebブラウザーとして使用する場合は、おそらくSafariを使用して、ユーザー名、パスワード、およびその他の資格情報を保存することもできます。 Appleのキーチェーンのおかげで、これらのクレデンシャルは安全に保存され、iCloudを介してデバイス間で共有されます。同じことがSafari自体にも当てはまります。Safari自体は、パスワードを保存し、安全性の高いパスワードを作成するのに役立ちます。では、保存したパスワードをMacのSafariで表示したい場合はどうなりますか? 幸いなことに、このWebブラウザーを使用すると、保存したパスワードにアクセスして表示できま

  2. Chrome拡張機能のソースコードを表示する方法

    コンピューターのChromeブラウザーにインストールする拡張機能は、事前定義されたアクティビティを実行するソースコードファイルのグループにすぎません。好奇心旺盛な人の中には、これらの拡張機能を構築する正確なコードを見たいと思う人もいるかもしれません。 Chromeでウェブページのソースコードを表示するのは、ページを右クリックしてオプションを選択するのと同じくらい簡単ですが、Chrome拡張機能のソースコードにアクセスするのはそれほど簡単ではありません。 ただし、それでも拡張機能のソースコードを表示できなくなることはありません。次の2つの方法を使用すると、パソコンでChrome拡張機能のソース