如何在 Chrome 中擷取全節點螢幕截圖?

如何在 Chrome 中擷取全節點螢幕截圖?

Chrome 開發者工具允許擷取節點螢幕截圖。不幸的是,它只捕獲節點的可見部分。我需要完整節點。

還有“捕獲全尺寸螢幕截圖”命令,但它捕獲整個頁面。我只需要單一節點。

那麼,如何捕捉完整節點(高於螢幕)?

答案1

您可以更改節點的樣式,使其全長可見,然後截取節點螢幕截圖,或刪除頁面的其他元素並截取整頁螢幕截圖。

帶節點截圖:

  • 編輯節點的樣式,使其拉伸到完整高度(刪除高度、最大高度等)
  • 如有必要,刪除相鄰元素
  • 擷取節點螢幕截圖。

附頁面截圖:

  • 移動要截圖的節點,使其成為body標籤的直接後代
  • 刪除頁面的其他可見元素
  • 編輯節點的樣式,使其拉伸至完整高度
  • 截取整頁螢幕截圖。

可以使用「刪除元素」選項刪除頁面元素。

相關內容