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

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

作者: 王蓝胖 | 来源:发表于2016-02-25 05:36 被阅读515次

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

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

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

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

    修改size

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


    完整截图

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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/qzpikttx.html