如何在网页上查看完整的滚动视图,解决部分滚动截图问题

2016-02-25  本文已影响515人  王蓝胖

最近写博客在Apple Developer想引用一些层级图,发现普通截图功能不能完整的截下整个视图,后来试了snip,甚至于snagit等支持滚动截图的软件,但这些软件也仅支持webpage最外部的滚动条自动滚动截屏。

后来还是看了看代码解决问题,主要是对不懂html的人会有帮助。
打开Chrome浏览器,点击右上角设置按钮,打开开发者工具

打开开发者工具 找到你想要查看的view对应的那行代码

当你在Elements选中选中任一行视图元素的代码时,网页上相应的视图元素会先是选中状态(就是蓝色的部分),这样就可以自己在代码中找到自己想要查看的视图,比如想这个网页上的滚动视图,在一堆子视图中找到它的那行代码

修改size

点击max-height这个属性,把它的值改成你想要的值,这里是118px,改成600px,


完整截图

大功告成!有问题欢迎留言!

上一篇下一篇

猜你喜欢

热点阅读