如何在没有任何库的情况下在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