簡體   English   中英

Firefox HTML檢查器:如何復制單個HTML標簽?

[英]Firefox HTML inspector: how to copy single HTML tag?

我有一個網站,需要將表格傳輸到另一個網站。 但是,我只需要某些標簽,而不需要整個表格和div的整個表單塊。

在檢查器中選擇html-tag時,我可以復制內部HTML,外部HTML或CSS樣式,但是如何才能復制我選擇的非常精確的標記而沒有子節點,而僅復制HTML代碼中的所選行?

我之所以這樣問,是因為HTML已縮小 ,我不能只選擇並復制源代碼中的標記。 選擇“復制外部HTML”時,同樣如此,整個HTML子樹都縮小了,意味着所有內容都在一行中。

如何快速搜索和復制三個標簽中的某些標簽,而又不獲取分支中的所有內容?

編輯:人們,謝謝您的所有建議,但請注意,我寫的是關於此處的MINIFIED HTML頁面。

只需在Inspector附近打開Debugger

然后找到頁面文件...然后根據需要復制任意選擇范圍

在此處輸入圖片說明

UPDATE如果縮小請點擊這里 在此處輸入圖片說明

如果我了解您想要的內容,請嘗試此

在此處輸入圖片說明

由於您的問題似乎尚未解決,因此讓我想出一種創造性的方法,不時地用於類似的任務:

(1)創造性的解決方案:頁面操縱

如果您在該頁面上沒有選擇的javascript框架(例如jQuery),請使用瀏覽器擴展來添加它,並在頁面加載時添加它。

然后,編寫一些javascript代碼,以循環方式刪除所需父對象的不需要的子元素。 這聽起來很麻煩,但是由於您提出了這個問題,所以我假設您需要數十個(即使不是數百個)元素,因此花時間編寫這樣的循環可能是值得的。

當您注入的代碼處理了頁面並刪除了所有不需要的內容后,您就可以像其他人在這里提到的那樣復制代碼。


(2)替代解決方案:先美化代碼

如果給定的解決方案不適合您,則可以嘗試通過將源代碼復制到自動添加html / js代碼的網頁來美化代碼。 然后,您可以選擇將其保存到html文件中,然后再次處理,就像前面提到的那樣。


邊注

如果這個想法太費力,或者您經常需要這個想法,那么您可能是錯誤的做法。 在前端上工作時(僅限),您總是受限於所擁有的東西。 如果您可以從后端訪問,則可以根據需要使用數據/信息進行構建。 如果您可以提供更多有關為什么需要此信息以及正在談論的代碼數量的信息,那么可能會提出一種更可持續的解決方案!

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM