2017-07-07 61 views
0

我一直在尋找一種方法讓Chrome Headless只將可見的 DOM節點作爲樹來輸出。Chrome Headless:獲取僅有可見節點的DOM節點

我使用下面的代碼來輸出整個DOM,但是這包括不可見的元素。

Runtime.evaluate({expression: 'document.documentElement.outerHTML'}) 

有沒有辦法修剪所有不可見的節點?

回答

0

我不確定要做這個樹。爲此,我認爲你必須得到所有的節點,然後走樹並刪除不可見的節點。

這將返回一個節點列表。

Runtime.evaluate({expression: 'document.querySelectorAll("*:visible")'}) 
+0

有趣。你認爲我可以使用「*:hidden」選擇所有隱藏的元素並刪除它們中的每一個? – Brad

+1

那麼,你實際上會搜索'document.querySelectorAll(「*:not(:visible)」)'然後你可以刪除它們。 –

+0

完美。我現在就給它一個鏡頭。 – Brad