web打印样式预览调试技巧

该技巧解决页面显示和打印样式不一致问题,方便调试打印页面。
对应的讨论帖子这里:

https://stackoverflow.com/questions/9519556/faster-way-to-develop-and-test-print-stylesheets-avoid-print-preview-every-time

总结如下:

  1. 使用MAC[command + p] WIN[control + p] 输入 render 打开渲染面板

  2. 打开打印媒体查询,就可以在浏览器查看打印时的样式了

  1. 使用调试工具就可以看到 @media print 打印时才能看到的样式了,避免要调用系统的打印预览才能看到渲染效果,在浏览器就能看到。

posted @   大圣巴巴  阅读(779)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 如何调用 DeepSeek 的自然语言处理 API 接口并集成到在线客服系统
· 【译】Visual Studio 中新的强大生产力特性
· 2025年我用 Compose 写了一个 Todo App
点击右上角即可分享
微信分享提示