社区
CSS
帖子详情
window.print()打印问题
醉雨听风
2017-11-02 10:44:32
要打印的东西比较多,一张A4纸放不下 ,预览的时候出现滚动条了,但是打印的时候只能打印一张纸,而且是打印了一半,具体看截图
请问怎么设置下分页。
...全文
673
2
打赏
收藏
window.print()打印问题
要打印的东西比较多,一张A4纸放不下 ,预览的时候出现滚动条了,但是打印的时候只能打印一张纸,而且是打印了一半,具体看截图 请问怎么设置下分页。
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
2 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
tarowatermelon
2017-12-05
打赏
举报
回复
使用了easyui的样式,影响打印的时候的样式。
孟子E章
2017-11-02
打赏
举报
回复
如果不用插件,一般都是通过 <div style="page-break-after:always"></div> 实现分页 参考 http://blog.csdn.net/lzy_1515/article/details/6708470
WEB页面性能测试:页面加载过程+页面性能指标+页面性能工具实战课程
通过页面性能测试概念+页面加载过程+页面性能指标+页面性能测试工具的学习,可以学到如下内容:①WEB网站页面性能的指标(白屏时间、首屏加载完成时间、FP、FCP、DCL、CLS、FPS等);②WEB网站页面性能测试策略;③WEB网站页面加载过程(前端基础语言:HTML+CSS+JavaScript,DOM、CSSOM、渲染树、布局、绘制);④WEB网站页面性能测试工具的实际操作和功能介绍(开发者工具:控制台、网络、性能、Lighthouse、FPS渲染统计等);⑤WEB网站页面性能测试报告编写。⑥WEB网站页面性能测试步骤和实际操作。课程内容:第一章:课程简介1、课程介绍2、课程大纲第二章:页面性能测试1、页面性能测试概念2、页面性能测试专业术语3、页面性能测试策略第三章:页面加载过程1、HTML概念,HTML5实例,HTML5文档2、CSS概念,CSS实例,CSS文档3、JavaScript概念,JavaScript脚本实例和作用4、DOM和CSSOM理解5、HTML5渲染引擎理解6、HTML5页面内容渲染的过程,HTML渲染树第四章:页面性能测试工具1、页面性能测试具体工具2、Chrome开发者工具介绍第五章:页面性能测试工具-控制台:
window
.performance1、控制台:
window
.performance介绍2、
window
.performance.timing执行结果加载字段理解3、
window
.performance.timing执行结果属性对应页面阶段理解4、
window
.performance页面性能参数计算5、
window
.performance页面性能关键指标计算第六章:页面性能测试工具-网络面板1、Chrome-开发者工具-网络面板介绍2、Chrome-开发者工具-网络-瀑布流指标第七章:页面性能测试工具-性能面板1、Chrome-开发者工具-性能面板-使用方法2、Chrome-开发者工具-性能面板介绍3、Chrome-开发者工具-性能面板-控制按钮区域4、Chrome-开发者工具-性能面板-Overview区域5、Chrome-开发者工具-性能面板-火焰图区域6、Chrome-开发者工具-性能面板-内存图区域7、Chrome-开发者工具-性能面板-统计汇总区域8、Chrome-开发者工具-性能面板-统计汇总区域-摘要内容9、Chrome-开发者工具-性能面板-统计汇总区域-事件时长、调用、发生顺序第八章:页面性能测试工具-FPS监控1、Chrome-开发者工具-FPS监控-FPS介绍、FPS视觉效果、FPS查看方法第九章:页面性能测试-Lighthouse面板1、Chrome-开发者工具-Lighthouse介绍、操作方法、运行的生命周期2、Chrome-开发者工具-Lighthouse报告指标分析3、Chrome-开发者工具-Lighthouse的报告优化建议第十章:页面性能测试工具-Performance insights面板1、Chrome-开发者工具-Performance insights操作方法2、Chrome-开发者工具-Performance insights分析报告第十一章:网速调研1、全国网速的调研和本机网速测试第十二章:页面性能测试总结1、页面性能测试指标采集方式2、页面性能测试报告3、页面性能测试-操作步骤
window
.
pr
int
打印
部分无法显示
1、
window
.
pr
int
单选框无法显示 $("body").attr("style","-webkit-
pr
int
-color-adjust: exact");//添加背景图片-单选框无法显示 2、
window
.
pr
int
设置缩放比例 document.getElementsByTagName('body')[0].style.zoom=0.8;//页面
打印
缩放比例设置
window
.
pr
int
();//
打印
当前页
window
.location.reload();//重新加载数据页面 ...
window
.
pr
int
页面
打印
定义和用法
pr
int
() 方法用于
打印
当前窗口的内容。 语法
window
.
pr
int
();
window
.
pr
int
() 实际上,是浏览器
打印
功能菜单的一种程序调用。与点击
打印
功能菜单一样,不能精确分页,不能设置纸型,套打的
问题
更加无从谈起,只不过,可以让用户不用去点菜单,直接点击网页中的一个按钮,或一个链接里面调用罢了。事实上,很多用户都是采用这种方式
打印
,但是这种方式最致
page-break-after:always;解决
window
.
pr
int
打印
断页
问题
——已解决
今天用户提出一个关于
window
.
pr
int
()
打印
的
问题
: 如下图所示:在
打印
断页的部分,会出现数据
打印
不全的情况。
打印
预览与实际
打印
的情况还有有所区别。 注意一点:如果想要实现
window
.
pr
int
()
打印
当前的页面,则想要保证
打印
页面的body的height必须为auto,否则只会
打印
第一页。还要注意一下权重
问题
。 @media
pr
int
{ body { height: auto !important; } } html部分,之前用的是table,后面由于断页
打印
不全
关于
window
.
pr
int
打印
分页功能
里面有个边距默认是默认值,修改为无后,就是一页了,可我不能一开始就让用户
打印
去改这个边距,这种体验是极其不人性化的,已是在
打印
样式设置里面增加 margin:0;经过不断尝试,发现,在最后一页的高度设置比平常页数低17px就可以解决,于是就针对最后一页进行样式设置减少17px,至此解决
window
.
pr
int
打印
分页
问题
。于是想着增加第二页
打印
看下效果,我滴乖乖,好了,结果两页的页面又多出了一页。但现在我想动态
打印
分页,至内容一页时
打印
一页,内容两页时
打印
两页。
CSS
61,110
社区成员
60,736
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章