小技巧: chrome 在调试media=print 下的小技巧

小技巧: chrome 在调试media=print 下的小技巧

月光魔力鸭

2019-09-10 16:21 阅读 1840 喜欢 0 media_print

当需要打印的页面需要进行微调的时候,怎么办?有没有办法把当前的media更改为print ? 答案是有的。

chrome浏览器下,打开devtools ,然后找到rendering ,再找到Emulate css media 更改即可。 下面上图:

1

2

3

转载请注明出处: https://chrunlee.cn/article/chrome-media-print-debug.html


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
最近入手一台小主机,把自己剩余的硬盘都加上去了,想着做个私有云..使用了owncloud,类似的文章很多,不过各有各的坑,当然我这个也肯定有坑,主要是各自的环境还不一样。
孕早期饮食注意事项,这里先记录下,用于备忘。
最近上传github代码越来越慢了,不晓得哪里问题,今天传了俩小时没成功,决定全部迁移到gitee上。
在通过vscode 来编写带有 eslint的项目的时候,会被各种各样的报错折磨崩溃,单引号 最后的逗号 空格 换行 各种各样。
PS小技巧之色块消除及填充
flutter 学习旅程之安装篇
在写前端页面的时候,反复操作的是切换,写完代码,切换到浏览器,然后刷新,查看效果,不合适,然后再切换回编辑器,然后修改,这样反复操作。livereload 释放了双手,自动刷新(尤其是双屏的同学特别友好)
关于自动签到,之前也有过,感觉写过好多次了,有可能也重复了,不过这次是通过puppeteer来实现的,相对于之前的phantomjs 或 casperjs 或 request 等最起码会更简单些,也不用安装这么多稀奇古怪的东西。