ウェブサイトからコードをコピーする方法



by

Webユーザー（または意欲的なWebデザイナーや開発者）で、どのように作成されたのか不思議に思う機能や側面を備えた見栄えの良いWebサイトに出くわすことが多い場合は、Webサイトのコードを表示するかコピーすることを検討してください。後で使用できるように保存して、もう一度確認して、どのように実行されたかを確認できるようにします。 そして、おそらくあなた自身のウェブデザインや開発プロジェクトでそれを複製することさえできます。

Evgenii_Bobrov / Getty Images

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

GoogleChromeでのコピー

  1. Chromeを開き、コピーするWebページに移動します。

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

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

  4. 必要なコードのすべてまたは特定の領域だけを強調表示して、コード全体をコピーします。 Ctrl + C or Command + C キーボードでコードをテキストまたはドキュメントファイルに貼り付けます。

    MozillaFirefoxでのコピー

  5. Firefoxを開き、コピーするWebページに移動します。

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

  7. 新しいタブが開き、ページのコードが表示されます。このコードは、特定の領域を強調表示するか、次の方法でコピーできます。 右クリック 〜へ すべてを選択します。 すべてのコードが必要な場合。 Press押す Ctrl + C or Command + C キーボードで、テキストまたはドキュメントファイルに貼り付けます。

AppleのOSXSafariでのコピー

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

  2. トップメニューのSafariをクリックしてから、 環境設定.

  3. ブラウザ上にポップアップするボックスのトップメニューで、[ 高度な 歯車のアイコン。

  4. ことを確認してください 現像を表示 メニューバーのメニューがチェックされている オフ.

  5. それを閉めて 環境設定 ボックスをクリックして 開発する トップメニューのオプション。

  6. ナビゲーションヘッダーの ページソースを表示 ページの下部からコードを含むタブを表示します。

  7. マウスを使用して かわいいです 画面を表示して完全に表示し、必要なコードのすべてまたは特定の領域だけを強調表示してコピーする場合は、画面のタブを上に移動し、を押します。 Ctrl + C or Command + C キーボードに貼り付けて、好きな場所に貼り付けます。