Google ChromeのInspect要素からコードをコピー

Question

私は現在HTMLでウェブサイトを開発しており、他のウェブサイトのコードの一部をコピーしたいと思います。しかし、私がinspect要素の機能に入り、コードの一部だけをコピーしようとすると、スクリプト全体がコピーされてしまいます。私はすべてのものをコピーして、私がdreamweaverで望ましくないビットを切り捨てることなく、inspect要素からコードの一部を得ることができる方法はありますか？

Answer 1

右特定の要素をクリックしてください（例えばdiv、table、td）とhtmlとしてコピーを選択します。

Answer 2

コピーする線または要素をクリックします。クリップボードにコピー。ペースト。

唯一の難しいのは、行をクリックすると、折れていれば行に含まれるものすべてを得ることです。たとえば、divをクリックしてコピーすると、divに含まれるすべてが取得されます。

また、右クリックして「HTMLとして編集」を選択して、必要なものだけを取得することもできます。これにより、そのセクションは本質的にテキストになり、折り畳みがアクティブになりません。その後、関連するビットを選択してコピーして貼り付けることができます。

Answer 3

inspect要素でコピーし、コピーするdivを対象にすることができます。 ctrl + cを押すだけで、divがコピー＆ペーストされ、コードが簡単に実行されます。

Answer 4

以前のバージョンのChromeでは、要素を選択して（Ctrl + CまたはCmd + Cを使用して）単純に選択して要素内に貼り付けるだけで、要素を選択して貼り付けることができました（Ctrl + VまたはCmd + 。しかし、最新版では（私はChrome 58.0.3029.110を実行していますが）それは不可能です。

コピー＆ペーストのコマンドを使用する代わりに、要素 - >コピー - >要素のコピーを右クリックしてから、コピーした要素を追加する要素を右クリックする必要があります - >コピー - >ペースト素子。

なぜ私は短いコマンドが無効になっているのか分かりませんが、少なくとももっと不便な方法でそれを行うことはまだ可能です。

Answer 5

あなたはGoogleクロムでそれをする必要はありません。インターネットエクスプローラを使用すると、関連するCSSをコピーするオプションが提供されます。コピー＆ペースト後にスタイルを選択し、別のファイル.cssに入れて、作成したhtmlファイルを呼び出します。これは他の何よりもあなたの問題を解決することを願っています:)