Shopify Free Trial Apply
Shopify 60天试用
Shopify 14天试用

window.print()如何打印指定区域


@media print{
    .noprint{
        display: none;
    }
}
定义一个class,noprint
然后可以给你不想打印的地方加上noprint这个class,这样打印的时候就会隐藏这些elements。
一般我们可以给头部、底部加上这个class。
 
其实window.print()就是执行了浏览器自带的一个打印功能,让我们不用在浏览器上找打印,而直接通过点击网页上面任意一个已规定好的元素,进行打印。发现这种打印是没办法打印JavaScript以及多数css(有少部分css样式可以打印出来),只能就是打印一下图文
1
2018-11-21

2 个评论

因为不能打印动态效果,所以如果一些element用了JavaScript,比如说常用的wow 、lazyload,那么必须等页面加载完毕才能打印,否则很有可能打印出来的页面是空白,因为内容还没加载出来
感谢分享。

要回复文章请先登录注册