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

2022-06-08  本文已影响0人  微润软件_小工具开发
image.png

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

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

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


image.png

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


image.png

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


image.png

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

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

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


image.png

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

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

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

上一篇下一篇

猜你喜欢

热点阅读