只截取网页指定元素部分的截图神器。Edge内核
2022-06-08 本文已影响0人
微润软件_小工具开发
image.png
image.png
image.png
image.png
image.png
可以实现非整页截图,只截取所指定 的元素的呈现部分。比如,我们只关注内容,不想截取旁边的栏目,广告信息。
如何实现呢?
指定采样网址。这里采样指的是一类网址有同样的元素,进行截取。比如新闻类页面都有正文部分。商品类页面,都有详细描述部分。
先要获取元素的XPath路径。不懂没关系,Edge浏览器或Chrome浏览器自带获取。
在浏览器页面上,想要获取的元素上右键菜单,单击检查。
image.png
在弹出的DevTools窗口,向上点击不同的标签,直到想要的元素被高亮提示。
image.png
在程序界面上,输入网址,单击访问。再指定XPath,单击检查。
image.png
软件会自动定位到元素,并用红色的虚框标注。
导入网址列表,开始截图。
截图输出文件名是依据网址来生成的。格式为JPG。
image.png
相对整页截取,元素截取方式更加专注于想要的内容,文件也小了。
截取部分可以超出窗口显示区域,不会只截取部分。
软件采用的是Edge浏览器内核,适配性好。视频操作讲解见 https://www.bilibili.com/video/BV1Va411L7t6/