このチュートリアルは、WindowsまたはMacオペレーティングシステムでOperaブラウザを実行しているユーザーを対象としています。他のブラウザでページソースを表示する必要がある場合は、「すべてのブラウザでWebページのソースコードを表示する方法」のガイドをご覧ください。
Webページのソースコードを見たいと思っている理由は、自分のサイトの問題をデバッグすることから、まさに平凡な好奇心に至るまで、さまざまな理由があります。あなたの動機が何であれ、Operaブラウザはこのタスクを簡単に実行できます。このソースをブラウザのタブ内で最も基本的な形式で表示するか、Operaの統合開発者ツールを使用して詳細を確認することができます。このチュートリアルでは、両方を行う方法を示します。まず、Operaブラウザを開きます
Windowsユーザー
クリックしてください オペラ ブラウザウィンドウの左上隅にあるメニューボタンをクリックします。ドロップダウンメニューが表示されたら、マウスカーソルを その他のツール オプション。これで、サブメニューが表示されます。クリック 開発者メニューを表示する このオプションの左側にチェックマークが表示されます。
Operaのメインメニューに戻ります。すぐ下に新しいオプションがあります その他のツール ラベルされた 開発者 。サブメニューが表示されるまでマウスカーソルをこのオプションの上に移動します。次に、をクリックします ページソースを表示する 。アクティブなWebページのソースコードが新しいブラウザタブに表示されるようになりました。次のキーボードショートカットを使用して、この時点まで到達することもできます。 CTRL + U
アクティブなページとそれに対応するコードに関する詳細を表示するには、 開発者ツール オプションから 開発者 サブメニューを使用するか、次のキーボードショートカットを使用します。 CTRL + SHIFT + I
Mac OS XおよびmacOS Sierraユーザー
クリック ビュー あなたのOperaメニューでは、画面の上部にあります。ドロップダウンメニューが表示されたら、 開発者メニューを表示する 。あなたのOperaメニューに新しいオプションが追加されるはずです 開発者 。次にこのオプションをクリックし、ドロップダウンメニューが表示されたら ソースを表示 。次のキーボードショートカットを使用してこの操作を実行することもできます。 コマンド+ U
新しいタブが表示され、現在のページのソースコードが表示されます。 Operaの開発ツールセットでこの同じページを分析するには、まず 開発者 画面上部のブラウザメニューに表示されます。ドロップダウンメニューが表示されたら、 開発者ツール オプション。