Chrome 開發者工具允許擷取節點螢幕截圖。不幸的是,它只捕獲節點的可見部分。我需要完整節點。
還有“捕獲全尺寸螢幕截圖”命令,但它捕獲整個頁面。我只需要單一節點。
那麼,如何捕捉完整節點(高於螢幕)?
答案1
您可以更改節點的樣式,使其全長可見,然後截取節點螢幕截圖,或刪除頁面的其他元素並截取整頁螢幕截圖。
帶節點截圖:
- 編輯節點的樣式,使其拉伸到完整高度(刪除高度、最大高度等)
- 如有必要,刪除相鄰元素
- 擷取節點螢幕截圖。
附頁面截圖:
- 移動要截圖的節點,使其成為
body
標籤的直接後代 - 刪除頁面的其他可見元素
- 編輯節點的樣式,使其拉伸至完整高度
- 截取整頁螢幕截圖。
可以使用「刪除元素」選項刪除頁面元素。