我目前正在開發一個HTML網站,我想從其他網站複製一些代碼。但是,當我進入檢查元素功能並嘗試複製部分代碼時,它最終會複製整個腳本。有沒有什麼辦法可以從inspect元素中獲取部分代碼,而無需複製整個事物並在Dreamweaver中剪掉不需要的位?在Google Chrome中從Inspect元素複製代碼
回答
右擊特定要素(例如div
,table
,td
)上,並選擇拷貝爲html。
我沒有'Copy as HTML'選項,但我確實找到了'Edit as HTML'選項,然後我可以按Ctrl + A來選擇全部,然後複製並粘貼。偉大的提示! – user3738893
請注意,這不會保存iframe的內容! 要複製iframe的內容,您必須分別爲每個
元素執行上述操作。 – oriadam您也可以突出顯示該元素並點擊鍵盤上的「ctrl + c」。 – oriadam
單擊想要複製的行或元素。複製到剪貼板。糊。
唯一棘手的是如果你點擊一行,你會得到所有包含折行的行。例如,如果你點擊一個div,並複製,你會得到div包含的所有東西。
您也可以通過右鍵單擊獲取所需的內容,然後選擇「以HTML編輯」。這將使該部分基本上是文字,沒有激活摺疊。然後您可以選擇,複製和粘貼相關位。
您可以通過檢查元素進行復制並定位您要複製的div。只需按ctrl + c,然後你的div將被複制並粘貼到你的代碼中,它將很容易地運行。
不是真實的atm,更新必須已禁用ctrl + c,現在給我一個頭痛,因爲轉置之一我的舊網站。 –
在早期版本的Chrome中,我們可以簡單地選擇並複製一個元素(使用Ctrl + C或Cmd + C),然後通過選擇並粘貼(使用Ctrl + V或Cmd + V) 。儘管最新版本不可能(我正在運行Chrome 58.0.3029.110),並且從那以後它已經讓我多次受到歡迎。
現在我們不必使用複製和粘貼命令,而是右鍵單擊元素 - >複製 - >複製元素,然後右鍵單擊我們想要追加複製元素的元素 - >複製 - >粘貼元件。
我不明白爲什麼短命令被禁用,但至少仍然有可能以一種更不方便的方式進行。
您不必在Google Chrome中執行此操作。使用Internet Explorer,它提供複製相關CSS的選項,並在複製和粘貼後選擇樣式,並將其放入另一個文件.css中,以調用您創建的HTML。希望這會解決你的問題比其他任何東西:)
這不提供問題的答案。一旦你有足夠的[聲譽](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-代替)。 –
- 1. 搜索在Chrome Inspect元素中消失
- 2. 如何在Google Chrome inspect元素控制檯中使用多個參數執行循環?
- 3. 從Google Chrome的檢測元素複製的網站HTML代碼不能正常工作
- 4. 在選擇元素(Google Chrome)中拖放
- 5. 排除Google代碼段中的元素?
- 6. 在當前狀態下複製DOM元素的HTML源代碼
- 7. 新的Chrome Inspect工具欄
- 8. 從safari(chrome)複製和粘貼代碼web檢查器
- 9. NHibernate複合元素映射的代碼
- 10. Google Apps是否會阻止Chrome控制檯中的代碼?
- 11. Python代碼結合重複元素
- 12. 使用Google Chrome檢查元素屬性
- 13. 讓用戶使用jquery複製元素的源代碼...
- 14. 在InDesign中複製XML元素,圖像元素不能正確複製?
- 15. zClip不復制Google Chrome上的值
- 16. 在列表中複製元素
- 17. 在2D JavaScript中複製元素Array
- 18. 在Objective-C中複製UI元素
- 19. 如何在Google Chrome檢查器中插入HTML元素?
- 20. 如何複製Chrome的「元素」檢查器中的所有文本?
- 21. Javascript/Chrome - 如何從webkit檢查器中複製對象,代碼爲
- 22. Javascript Google Chrome,代碼不起作用?
- 23. Google Chrome源代碼重新加載
- 24. 在代碼中設置約束元素
- 25. 從代碼訪問div元素
- 26. 將屬性從一個元素複製到另一個元素
- 27. XPath在Chrome Inspect中運行,但不在PHP中
- 28. Chrome DevTools [chrome:// inspect]:404找不到資源無法找到
- 29. Angularjs - 從HTML代碼輸出DOM元素
- 30. 在代碼中添加元素以控制模板
嘗試雙擊,也看到_Resources_面板。 –
如果只想複製幾行,該如何回合? – mars
然後,您將使用_Resources_面板,_Scripts_面板或_Elements_面板選擇標記和_RMB_ => _Edit作爲HTML_ =>選擇並複製你想要的。 –