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

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

月光魔力鸭

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

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

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

1

2

3

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


感谢支持!

赞赏支持
提交评论
评论信息 (请文明评论)
暂无评论,快来快来写想法...
推荐
最近一段时间(大约一两周内) windows下安装的mysql8 已经连续两次连接失败,报错10061,同时mysql服务启动失败了,第一次还解决了,第二次怎么都无法启动了
作为一名前端开发人员来说,有一个比较好的工具会提高开发效率,不管是调试还是书写,这里推荐一个快速书写的利器:Emmet
windows 环境下有时候会使用curl工具来测试一些接口或页面,这里简单记录下在windows环境下的安装步骤。
本来这是一个很小的事,按照邮箱设置来一下就OK了.. 可是我密码忘记了,死活重置不了,没办法,微信扫码吧,然后按照设置来又是不行,找了下度娘才行.. 我就纳闷了,这么大一企业,不能用点心么.. 还有昨天那个互联,愁死!
前段时间弄了下微信的dat图片的解码,后续有同学问数据库的解码怎么弄.. 当然,后边陆陆续续的看了下,加上住院乱七八糟的事情,一直没处理,最近几天处理了下,发现微信数据库的数据格式是真的麻烦...
关于自动签到,之前也有过,感觉写过好多次了,有可能也重复了,不过这次是通过puppeteer来实现的,相对于之前的phantomjs 或 casperjs 或 request 等最起码会更简单些,也不用安装这么多稀奇古怪的东西。
仅做记录。
在写前端页面的时候,反复操作的是切换,写完代码,切换到浏览器,然后刷新,查看效果,不合适,然后再切换回编辑器,然后修改,这样反复操作。livereload 释放了双手,自动刷新(尤其是双屏的同学特别友好)