在Google Chrome中從Inspect元素複製代碼

我目前正在開發一個HTML網站，我想從其他網站複製一些代碼。但是，當我進入檢查元素功能並嘗試複製部分代碼時，它最終會複製整個腳本。有沒有什麼辦法可以從inspect元素中獲取部分代碼，而無需複製整個事物並在Dreamweaver中剪掉不需要的位？在Google Chrome中從Inspect元素複製代碼

來源

2012-09-25 mars

嘗試雙擊，也看到_Resources_面板。 –

如果只想複製幾行，該如何回合？ – mars

然後，您將使用_Resources_面板，_Scripts_面板或_Elements_面板選擇標記和_RMB_ => _Edit作爲HTML_ =>選擇並複製你想要的。 –

右擊特定要素（例如div，table，td）上，並選擇拷貝爲html。

來源

2012-09-25 04:41:28 User

我沒有'Copy as HTML'選項，但我確實找到了'Edit as HTML'選項，然後我可以按Ctrl + A來選擇全部，然後複製並粘貼。偉大的提示！ – user3738893

請注意，這不會保存iframe的內容！要複製iframe的內容，您必須分別爲每個元素執行上述操作。 – oriadam

您也可以突出顯示該元素並點擊鍵盤上的「ctrl + c」。 – oriadam

單擊想要複製的行或元素。複製到剪貼板。糊。

唯一棘手的是如果你點擊一行，你會得到所有包含折行的行。例如，如果你點擊一個div，並複製，你會得到div包含的所有東西。

您也可以通過右鍵單擊獲取所需的內容，然後選擇「以HTML編輯」。這將使該部分基本上是文字，沒有激活摺疊。然後您可以選擇，複製和粘貼相關位。

來源

2014-03-04 17:48:51

您可以通過檢查元素進行復制並定位您要複製的div。只需按ctrl + c，然後你的div將被複制並粘貼到你的代碼中，它將很容易地運行。

來源

2015-12-19 05:52:56

不是真實的atm，更新必須已禁用ctrl + c，現在給我一個頭痛，因爲轉置之一我的舊網站。 –

在早期版本的Chrome中，我們可以簡單地選擇並複製一個元素（使用Ctrl + C或Cmd + C），然後通過選擇並粘貼（使用Ctrl + V或Cmd + V）。儘管最新版本不可能（我正在運行Chrome 58.0.3029.110），並且從那以後它已經讓我多次受到歡迎。

現在我們不必使用複製和粘貼命令，而是右鍵單擊元素 - >複製 - >複製元素，然後右鍵單擊我們想要追加複製元素的元素 - >複製 - >粘貼元件。

我不明白爲什麼短命令被禁用，但至少仍然有可能以一種更不方便的方式進行。

來源

2017-05-17 11:51:39 Calsal

-1

您不必在Google Chrome中執行此操作。使用Internet Explorer，它提供複製相關CSS的選項，並在複製和粘貼後選擇樣式，並將其放入另一個文件.css中，以調用您創建的HTML。希望這會解決你的問題比其他任何東西:)

來源

2017-08-09 09:21:05

這不提供問題的答案。一旦你有足夠的[聲譽]（https://stackoverflow.com/help/whats-reputation），你將能夠[評論任何帖子]（https：// stackoverflow。COM /幫助/權限/評論）;相反，[提供不需要提問者澄清的答案]（https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 - [來自評論]（/ review/low-quality-posts/16979142） –

這不提供問題的答案。一旦你有足夠的[聲譽]（https://stackoverflow.com/help/whats-reputation），你將可以[對任何帖子發表評論]（https://stackoverflow.com/help/privileges/comment）;相反，[提供不需要提問者澄清的答案]（https://meta.stackexchange.com/questions/214173/why-do-i-need-50-reputation-to-comment-what-can- I-DO-代替）。 –

在Google Chrome中從Inspect元素複製代碼

回答

相關問題