Javascript 复制呈现时的网页，而不考虑参考底图源

因此，我有这个网页，我想复制到word文档。这是一个安装指南，我们想使用它，但添加了有关如何在我们的环境中安装程序的注释

简单的问题。只是复制粘贴，对吗？错

问题是，这个特定的网页是由

标记组成的，其中有几个复选框启用/禁用与您的选择相关的标记。因此，我选中了在Linux中标记安装的框，并显示了与该安装选项相关的所有div标记

来源的示例：

…

这意味着，无论我何时复制和粘贴网页的一部分，我都会获得所有内容，而不管我在屏幕上实际看到了什么。我想要的是复制我在屏幕上看到的网页

我曾尝试从Internet Explorer和Firefox复制到MS Word和基本文本编辑器，结果相同

我希望结果是文本，这样我就可以编辑它，所以截图或导出为PDF将不起作用

我可以保存源HTML，删除不适用的标记并打开本地HTML文件，除了这是相当多的工作。此外，页面似乎严重依赖服务器端的脚本，因此我猜这可能会导致一些问题

理想情况下，我希望保留显示的格式

复制该问题：

有关详细信息，请参阅IBM的交互式指南
选择任何选项，但要验证下面的步骤5-6，请选择Linux作为操作系统
单击“获取您的交互”
复制/粘贴网页的一部分，并将粘贴的版本与浏览器中显示的版本进行比较
转到指南中的步骤3“设置数据库”。将上一步中“下一步要做什么”之间的所有内容复制到第3步中标题的末尾。总共大约6行
粘贴到文本编辑器中，您现在应该可以看到仅与zOS和IBMi操作系统相关的文本
编写一个bookmarklet，将#文本节点连接在一起，但仅当父元素具有
display！=无
和
可见性！=隐藏
我只需截屏页面，使用简单的图形编辑程序裁剪图像并添加注释

要截图页面，请按Print screen（可能在键盘上简称为PrtScn）。将截图复制到内存中。
现在，在图形编辑程序甚至文字处理器中，单击“粘贴”（或按ctrl-v）。屏幕截图将出现。根据需要裁剪和添加批注。
复制和粘贴的行为似乎没有定义。一些浏览器将忽略隐藏内容的样式进行复制，而其他浏览器将复制包含样式的样式（即，一些浏览器将包含隐藏文本，而其他浏览器将不包含）

浏览器的大致概述如下：


IE-复制IE8上的隐藏文本，可能是旧的，不知道新的
FF-较新版本不会复制隐藏文本，而较旧版本似乎会。未知截止位置，但似乎介于版本3和版本14之间。：）
Chrome-我的当前版本（19.0.1084.52）将只复制可见文本。未在任何其他版本上测试
连接文本节点不就是给你一个巨大的未格式化文本块吗？这似乎对我有用。我选择了很多选择。复制并粘贴到word，它在firefox中的外观与word中的外观相同。我检查了框架源代码，确实可以看到其他平台的许多其他内容，但在我的word文档中没有看到。您可以尝试运行一些javascript来查找隐藏的所有内容，并将其从dom中删除。@Chris Intresting，也许您选择了许多选项？如果全部选中，则会显示所有内容。我已经更新了步骤，以显示我一直在处理的问题。我从每个选项中选择了一个选项，可以看到肯定有隐藏的标记没有显示。一般来说，我希望在复制HTML时不会复制带有
display:none
的内容。按照你们更详细的步骤，我仍然能得到屏幕上显示的内容。我检查了第4节的开头，它的第一段只是“forDerby”，是一句话，这也不会出现在复制内容上。如果您查看并复制文本并将其粘贴到其他位置，您会在那里看到隐藏的文本吗？@Chris如果我在我的EditPlus编辑器中粘贴JSFiddle，我会看到隐藏的文本，但不会在MS Word中看到。我尝试将指南中的文本复制到word，但隐藏的文本已粘贴。这可能与浏览器有关吗？我试过使用IE 8.0和FF 3.6。我会在使用Chromeah的家里再试一次是的。如果我使用IE8，我会得到同样的结果。我使用的是FF 14.0.1，它做的事情是正确的。你可能想升级你的firefox，看看这是否有帮助。复制和粘贴内容会很糟糕，你绝对应该使用这种方法。谢谢，但这会使添加文本和维护变得更加困难。如果我想在段落的中间改变/添加/删除一个单词/句子，那将是相当困难的。我认为在这种情况下，编辑源代码并删除不适用的文本会更好。@SLC如果您指的是格式设置；如果我粘贴到一个能理解HTML（如Word）的编辑器上，大多数格式实际上都会保持不变。如何使用图形编辑器对大约25页的文档进行注释会更好，更不用说那些必须获取所有屏幕截图并将其编辑成您想要的内容。这会不会让搜索文档变得有点困难？