Webページからコードをコピーする方法

どのように作成されたのか不思議に思うような機能や面で偉大なWebサイトを頻繁に訪れるWebユーザー（または、意欲的なWebデザイナーや開発者）であれば、Webサイトのコードを表示したり、後でそれを保存して、それをもう一度見て、それがどのように行われたのか把握することができます。そして、おそらくあなた自身のウェブデザインや開発プロジェクトでそれを複製することさえできます。

使用しているWebブラウザに精通している場合、単一のWebページからコードをコピーするのは非常に簡単です。最も人気のある3つのWebブラウザでこれを行う方法は次のとおりです。

Google Chromeでのコピー

1. Chromeを開き、コピーしたいウェブページに移動します。

2. 右クリック Webページ上の空白領域または空白領域に表示されます。リンク、画像、またはその他の機能を右クリックしないようにしてください。

3. ラベルの付いたオプションが表示されている場合は、空白のスペースまたは空の領域をクリックしたことがわかります ページソースを表示する メニューに表示されます。選択 ページソースを表示する Webページのコードを表示します。

4. コード全体をコピーするか、必要なコードの特定の部分だけを強調表示して、 Ctrl + C または コマンド+ C キーボードでコードを入力し、コードをテキストファイルまたは文書ファイルに貼り付けます。

Mozilla Firefoxでのコピー

1. Firefoxを開き、コピーしたいWebページに移動します。

2. トップメニューから、 ツール > ウェブ開発者 > ページソース.

3. 新しいタブが開き、ページのコードが表示されます。このコードは、特定の領域を強調表示するか、または 右クリック に すべて選択 すべてのコードが必要な場合。押すCtrl + C または コマンド+ C キーボード上でテキストや文書ファイルに貼り付けます。

AppleのOS X Safariでのコピー

1. Safariを開き、コピーしたいWebページに移動します。

2. トップメニューのSafariをクリックし、次にをクリックします。 設定.

3. ブラウザ上に表示されるボックスのトップメニューで、 上級 ギアアイコン。

4. 確認してください 開発を表示する メニューバーのメニューがチェックされます オフ.

5. 閉じます 設定 ボックスをクリックして 開発する オプションを選択します。

6. クリック ページソースを表示する ページの下部からコードを含むタブを表示します。

7. マウスを使用して ドラッグ あなたが望むコードの全部または特定の部分だけを強調表示することによってそれをコピーしてコピーする場合は、画面上のタブを押してください。 Ctrl + C または コマンド+ C あなたのキーボードに貼り付けて、それを貼り付けます。