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

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

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

如何在网页上查看完整的滚动视图,解决部分滚动截图问题_第1张图片
打开开发者工具
如何在网页上查看完整的滚动视图,解决部分滚动截图问题_第2张图片
找到你想要查看的view对应的那行代码

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

如何在网页上查看完整的滚动视图,解决部分滚动截图问题_第3张图片
修改size

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


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

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

你可能感兴趣的:(如何在网页上查看完整的滚动视图,解决部分滚动截图问题)