web-dev-qa-db-ja.com

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

現在、HTMLでWebサイトを開発していますが、他のWebサイトからコードの一部をコピーしたいと思います。ただし、要素の検査機能に入ってコードの一部だけをコピーしようとすると、最終的にスクリプト全体がコピーされます。全体をコピーして、dreamweaverに不要な部分をカットすることなく、inspect要素からコードの一部だけを取得する方法はありますか?

25
mars

特定の要素(例:divtabletd)を右クリックして、copy as htmlを選択します。

38
User

以前のバージョンのChromeでは、単純に要素を選択してコピーし(Ctrl + CまたはCmd + Cを使用)、それを選択して要素内に貼り付けてから、(Ctrl + VまたはCmd + V)最新バージョンでは不可能ですが(私はChrome 58.0.3029.110)を実行しています)、それ以来何度も設定されています。

コピーと貼り付けのコマンドを使用する代わりに、要素を右クリック->コピー->要素をコピーしてから、コピーした要素を追加する要素を右クリック->コピー->要素を貼り付けます。

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

2
Calsal

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

唯一注意が必要なのは、線をクリックすると、その線が折り畳まれている場合にその線に含まれるすべてを取得することです。たとえば、divをクリックしてコピーすると、divに含まれるすべてのものが取得されます。

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

2
Joshua Dance

要素を検査してコピーし、コピーするdivをターゲットにできます。 ctrl + cを押すだけで、divがコードにコピーアンドペーストされ、簡単に実行できます。

0
Abdullah Khan