如何在网页上查看完整的滚动视图,解决部分滚动截图问题
2016-02-25 本文已影响515人
王蓝胖
最近写博客在Apple Developer想引用一些层级图,发现普通截图功能不能完整的截下整个视图,后来试了snip,甚至于snagit等支持滚动截图的软件,但这些软件也仅支持webpage最外部的滚动条自动滚动截屏。
后来还是看了看代码解决问题,主要是对不懂html的人会有帮助。
打开Chrome浏览器,点击右上角设置按钮,打开开发者工具
当你在Elements选中选中任一行视图元素的代码时,网页上相应的视图元素会先是选中状态(就是蓝色的部分),这样就可以自己在代码中找到自己想要查看的视图,比如想这个网页上的滚动视图,在一堆子视图中找到它的那行代码
修改size点击max-height这个属性,把它的值改成你想要的值,这里是118px,改成600px,
完整截图
大功告成!有问题欢迎留言!