美文网首页
只截取网页指定元素部分的截图神器。Edge内核

只截取网页指定元素部分的截图神器。Edge内核

作者: 微润软件_小工具开发 | 来源:发表于2022-06-08 14:31 被阅读0次
    image.png

    可以实现非整页截图,只截取所指定 的元素的呈现部分。比如,我们只关注内容,不想截取旁边的栏目,广告信息。

    如何实现呢?
    指定采样网址。这里采样指的是一类网址有同样的元素,进行截取。比如新闻类页面都有正文部分。商品类页面,都有详细描述部分。

    先要获取元素的XPath路径。不懂没关系,Edge浏览器或Chrome浏览器自带获取。
    在浏览器页面上,想要获取的元素上右键菜单,单击检查。


    image.png

    在弹出的DevTools窗口,向上点击不同的标签,直到想要的元素被高亮提示。


    image.png

    在程序界面上,输入网址,单击访问。再指定XPath,单击检查。


    image.png

    软件会自动定位到元素,并用红色的虚框标注。

    导入网址列表,开始截图。

    截图输出文件名是依据网址来生成的。格式为JPG。


    image.png

    相对整页截取,元素截取方式更加专注于想要的内容,文件也小了。

    截取部分可以超出窗口显示区域,不会只截取部分。

    软件采用的是Edge浏览器内核,适配性好。视频操作讲解见 https://www.bilibili.com/video/BV1Va411L7t6/

    相关文章

      网友评论

          本文标题:只截取网页指定元素部分的截图神器。Edge内核

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