打印指定区域的 Javascript 解决方案。跨浏览器友好答案

【问题标题】：Javascript solution to print specified area. Cross-browser friendly打印指定区域的 Javascript 解决方案。跨浏览器友好
【发布时间】：2010-10-22 12:43:29
【问题描述】：

我目前正在开发一个需要在页面上提供打印选项的网站。单击此按钮时会触发一个脚本，该脚本会打印 <span id='printArea'></span> 中的所有内容。

我目前正在使用一个名为 printElement 的 jQuery 插件，它在我测试过的所有浏览器中运行良好，除了 Google Chrome。

我已经研究过这个问题并应用了一个涉及 setTimeOut() 的建议解决方案，但没有运气。

我的问题是：谁能提出一个好的跨浏览器解决方案来打印网页的定义区域？

【问题讨论】：

什么在 Chrome 中不起作用？我在这里没有遇到任何问题。
当我点击打印时，弹出窗口显示但它是空白的。如果您愿意，可以自己尝试：1641.kco.ie/deposition.php?depID=834004r004 您需要登录：test@kco.ie - t3stP@$$

标签： javascript jquery plugins printing cross-browser

【解决方案1】：

你能不能不只是create a printable stylesheet，它会隐藏页面中你不想打印的所有其他区域？

【讨论】：

我怀疑这可能有一些动态方面。例如，也许用户交互选择了页面的某个部分（单个目录项，或类似的东西），然后用户可以选择打印所选择的东西。
在这种情况下，您可以只生成一个仅包含所选项目的页面，附加打印样式表并触发系统打印对话框。

【解决方案2】：

<link rel="stylesheet" type="text/css" href="/css/yazdir.css" media="print" />

yazdir.css

@charset "utf-8";
nav, header, #status-bar, #sub-nav, #header-shadow, footer, #tips{
    display:none !important;
}

【讨论】：

以后，请在您的帖子中添加描述，而不仅仅是代码。 :)
对不起，我的英语很差