如何在网络浏览器中获取“所见即所得”(打印所见内容)?

reinierpost

当我从浏览器打印网页时,我希望能将我在浏览器中看到的内容准确地打印在纸上。准确地说:我希望浏览器以相同的方式呈现相同的页面内容,除了在具有无限高度的画布上,然后以特定于打印的方式决定如何在纸的物理页面上分配结果。

但是,这根本不是许多网站上发生的事情。他们可能会打印出完全不同的内容。我从未要求浏览器执行此操作,并且我不希望发生这种情况。

有什么方法可以得到我想要的(除了截取屏幕截图,刻苦地将它们粘贴和粘贴以及打印结果图像之外)?有没有办法告诉我使用的网络浏览器(Firefox,Chrome,Safari,IE或Opera):“打印此页面,就像在任意高的浏览器窗口上呈现它一样”?

(PS:另请参见:使用屏幕CSS从浏览器打印吗?)

Chrome在开发人员工具中内置了此功能,但位置并不明显。

  • 打开开发人员工具(Windows:F12Ctrl+ Shift+ I,Mac:Cmd+ Opt+ I
  • 单击“自定义和控制DevTools汉堡包”菜单按钮,然后选择“更多工具”>“渲染设置”(或较新版本中的“渲染”)。
  • 选中“渲染”选项卡上的“模拟打印介质”复选框,然后选择“屏幕”介质类型。

大部分引用来自此答案区别见下文。

现在,当您打印时,打印出的内容将与您看到的完全一样。确保在打印之前保持开发人员工具为打开状态。关闭开发人员工具后,“渲染”设置将重置为正常状态。

注意:此答案的灵感来自https://superuser.com/a/568847/176146但是,该答案的实际文本来自lmeurs答案几乎完全一样,但是我们试图做与他们的答案完全相反的事情,因此不是将替代设置为Print而是将其设置为Screen

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jQuery从Drupal所见即所得编辑器中读取内容

来自分类Dev

使用jQuery从Drupal所见即所得编辑器中读取内容

来自分类Dev

查看所见即所得内容

来自分类Dev

样式所见即所得编辑器

来自分类Dev

MFC所见即所得编辑器

来自分类Dev

所见即所得编辑器的清理

来自分类Dev

如何在Magento系统配置中添加所见即所得编辑器?

来自分类Dev

如何在JavaScript所见即所得编辑器中实现代码按钮

来自分类Dev

如何在Magento系统配置中添加所见即所得编辑器?

来自分类Dev

如何在自我构建的joomla组件中构建所见即所得的编辑器

来自分类Dev

如何使用MimeKit获取电子邮件的所见即所得主体

来自分类Dev

如何使用自己的所见即所得编辑器插入图像

来自分类Dev

如何构建angularJS所见即所得的编辑器

来自分类Dev

集成所见即所得编辑器以及如何与数据库通信?

来自分类Dev

中继器中的高级自定义字段所见即所得

来自分类Dev

所见即所得编辑器将无法在Chrome中激活

来自分类Dev

在所见即所得编辑器中调整图像大小

来自分类Dev

在Angular2中使用所见即所得的编辑器文本

来自分类Dev

如何在门户网站odoo13上添加所见即所得

来自分类Dev

如何在php页面中提交表格iframe所见即所得?

来自分类Dev

如何在不被编码的情况下允许所见即所得的某些文字

来自分类Dev

所见即所得的形式验证

来自分类Dev

所见即所得的多个输入(jQuery插件)

来自分类Dev

SilverStripe所见即所得样式约束

来自分类Dev

清除Redactor所见即所得

来自分类Dev

iFrame无法编辑(所见即所得javascript)

来自分类Dev

使用textAngular动态添加所见即所得

来自分类Dev

清除Redactor所见即所得

来自分类Dev

所见即所得的HTML编辑器,不尝试修复错误的HTML

Related 相关文章

  1. 1

    使用jQuery从Drupal所见即所得编辑器中读取内容

  2. 2

    使用jQuery从Drupal所见即所得编辑器中读取内容

  3. 3

    查看所见即所得内容

  4. 4

    样式所见即所得编辑器

  5. 5

    MFC所见即所得编辑器

  6. 6

    所见即所得编辑器的清理

  7. 7

    如何在Magento系统配置中添加所见即所得编辑器?

  8. 8

    如何在JavaScript所见即所得编辑器中实现代码按钮

  9. 9

    如何在Magento系统配置中添加所见即所得编辑器?

  10. 10

    如何在自我构建的joomla组件中构建所见即所得的编辑器

  11. 11

    如何使用MimeKit获取电子邮件的所见即所得主体

  12. 12

    如何使用自己的所见即所得编辑器插入图像

  13. 13

    如何构建angularJS所见即所得的编辑器

  14. 14

    集成所见即所得编辑器以及如何与数据库通信?

  15. 15

    中继器中的高级自定义字段所见即所得

  16. 16

    所见即所得编辑器将无法在Chrome中激活

  17. 17

    在所见即所得编辑器中调整图像大小

  18. 18

    在Angular2中使用所见即所得的编辑器文本

  19. 19

    如何在门户网站odoo13上添加所见即所得

  20. 20

    如何在php页面中提交表格iframe所见即所得?

  21. 21

    如何在不被编码的情况下允许所见即所得的某些文字

  22. 22

    所见即所得的形式验证

  23. 23

    所见即所得的多个输入(jQuery插件)

  24. 24

    SilverStripe所见即所得样式约束

  25. 25

    清除Redactor所见即所得

  26. 26

    iFrame无法编辑(所见即所得javascript)

  27. 27

    使用textAngular动态添加所见即所得

  28. 28

    清除Redactor所见即所得

  29. 29

    所见即所得的HTML编辑器,不尝试修复错误的HTML

热门标签

归档