【问题标题】:Show a print view of the page显示页面的打印视图
【发布时间】:2021-06-13 01:17:57
【问题描述】:

我希望有一个页面,用户可以在其中看到网页的可打印视图。这样他们就可以在打印窗口中看到页面的外观,如果看起来不错,他们单击打印按钮,然后将打开打印窗口。 (所以我们可以认为我们在页面中有两个按钮,“打印网页”,“显示为打印视图”)

谁能告诉我如何才能像在打印窗口中一样显示页面?

【问题讨论】:

    标签: javascript html css printing


    【解决方案1】:

    您网站上的每个用户都可以使用 Ctrl/Cmd + P 键打印您的网站,或者 Ctrl/Cmd + S 保存它,但您可以使用:

    window.print()
    

    功能。它会打开一个对话框,用户可以在其中配置打印,然后允许他们进行打印。

    【讨论】:

    • 是的,我可以使用window.print(),但是有没有办法在普通选项卡而不是打印对话框中显示可打印视图。
    【解决方案2】:

    这可能是您正在寻找的。 var openingPreview = browser.tabs.printPreview() 将打开活动选项卡的打印预览。在此处查看文档:https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/printPreview

    【讨论】:

      【解决方案3】:

      MDN 有你要找的东西 (See Here) 但它有一个很大的限制是它只被 Firefox 网络浏览器支持,因此没有其他选择,只能使用

      window.print()
      

      除非你打算只在 firefox 上使用它

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 2020-10-23
        • 2011-03-21
        • 1970-01-01
        • 2011-07-12
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多