IE Print Protector：在IE浏览器中打印包含HTML5元素的样式

一说到HTML5，大家想到的最大的问题便是IE6/IE7/IE8对HTML5标准的不支持，而且无法识别HTML5的新元素。IE浏览器对待无法识别的元素将使用空的<section>和</section>空元素，这意味着未知元素的内容也不会包含他们的内容，他们无法被定义样式和将溢出的内容包含到它本身的DOM节点中。

下面的这个例子，我们将用 article 包含一些文字的标题和段落：

<article>
<h1>
Lorem ipsum
</h1>
<p>
Dolor sit amet, consectetur adipisicing elit.
</p>
</article>

因为IE浏览器将article解析成一个空元素，标题元素和段落都将溢出。

<article />
<h1>
Lorem ipsum
</h1>
<p>
Dolor sit amet, consectetur adipisicing elit.
</p>

IE Print Protector 的工作原理

将这些元素展现在视图里面。IE Print Protector 通过一小段 JS 代码，帮助IE浏览器支持这些HTML5标签。为了让这些标签元素能够打印出来，当打印的时候，IE Print Protector 会临时将 HTML5 元素替换成IE浏览器可以支持的元素(比如 div 和 sapn)。

IE Print Protector 也会在已有样式表的基础上生成一个特殊的样式表，这也意味着你可以更保险的，通过 link,style和@import和 @media 对他们定义样式的方法。IE Print Protector 保存了页面原来的HTML5元素，所有这些元素的表现和事件没有任何影响。

页面运行IE Print Protector的示例。在IE浏览器中，请单击"文件"菜单选择打印预览，看看所有HTML5元素的样式是否工作。之后，你会看到一个javascript鼠标悬停事件仍工作。

未使用 IE Print Protector

使用 IE Print Protector

下载 IE Print Protector

IE Print Protector v1.6.2

Minified JS (1.29KB) (736 bytes gzipped)
Uncompressed JS (2.91KB)

项目地址：IE Print Protector