如何在沒有任何庫的情況下在JavaScript中拍攝快照並轉換為HTML頁面的PDF？

Question

我不知道，但這個問題可能有直截了當的答案“不可能”？ 但我認為應該有辦法做到這一點，可能會使用一些操作系統級別的工作。 通過觀看此代碼可以更好地理解我的問題。

<html>
<head>

</head>
<body>
  <div> .......... </div>
  <div> .......... </div>
  <div> .......... </div>
  <div> .......... </div>
  <div id="my-required-section"> .......... </div>
  <div> .......... </div>
  <div> .......... </div>
  <div> .......... </div>
  <div> .......... </div>
  <div> .......... </div>
</body>

這個完整的html是在執行了所有服務器端和客戶端代碼之后呈現的DOM。 現在我有了這個完整頁面DOM的瀏覽器視圖，我只想獲取特定部分的SnapShot，例如具有id = my-required-section的特定div的瀏覽器視圖。

換句話說 -

讓我們假設從<html>到</html>此DOM的完整快照，而不是只裁剪一個部分（由ID為my-required-section DIV表示）

我會感激不盡即使你向我推薦一篇與這類問題有關的好文章。

我將為問題添加更多上下文，以便更好地理解問題。

我在特定的DIV中有完整的HTML代碼。 但是我怎樣才能獲得它的父元素的CSS屬性，因為當我們通過Chrome開發人員工具通過Inspect元素看到它時，我想要的是該div的精確設計快照

Answer 1

您是否嘗試檢索文檔對象中包含的信息？

如果是這樣，我會建議查看css選擇器，因為它們可能用於檢索網頁的特定元素。 在您的示例中，您可以使用document.getElementById("my-required-section");檢索所選元素document.getElementById("my-required-section");

jsfiddle（一定要打開控制台）

如何在沒有任何庫的情況下在JavaScript中拍攝快照並轉換為HTML頁面的PDF？

問題描述

1 個解決方案

解決方案1
0 2017-04-19 19:53:12

如何在沒有任何庫的情況下在JavaScript中拍攝快照並轉換為HTML頁面的PDF？

問題描述

1 個解決方案

解決方案1 0 2017-04-19 19:53:12

解決方案1
0 2017-04-19 19:53:12