(实用工具分享)网页元素截图工具

时间:2024-03-18 17:26:38

(实用工具分享)网页元素截图工具

所用浏览器:chrome
在模仿一些其他网站练手的时候,会有这样一种情况出现,一张可以点击后跳转到其他页面的图片,并不能右键将图片另存为,可能是a标签里面没有嵌套img标签,而是将a标签的CSS样式的背景图片设置为那张图片,虽然可以搜索到这个背景图片的路径,但是如果有多张图片的话,这样做就有点麻烦了,这个工具可以将一个标签的那个区域进行截图

介绍

这个工具是chrome的一个扩展程序,安装成功后会在浏览器右上角登录框旁边生成图标
(实用工具分享)网页元素截图工具

使用方法

点击一下图标,然后将鼠标移动到页面,移动到一个页面上面的一个元素的时候就会在那个元素上面显示一个红色框框
(实用工具分享)网页元素截图工具
这时候左键点击一下,就会跳转到显示这那个元素截图的页面
PS:移动到超链接上面的时候,如果要截图得右键点击一下而不是左键
(实用工具分享)网页元素截图工具
这个时候就可以右键另存为了

工具下载

链接:https://pan.baidu.com/s/1so9ZgbmkLg1JOtkV9LiHGQ
提取码:1rq7

安装教程

解压rar文件到一个文件夹里面,在Chrome扩展管理器界面的右上方的开发者模式按钮上打勾,该页面就会出现"加载已解压的扩展程序"等按钮,点击"加载已解压的扩展程序"按钮,并选择刚刚解压的Chrome插件文件夹的位置即可

使用问题

我在电脑上面使用久了之后,不知道为什么点击图标然后移动到页面上面不会显示红色框框了,但是还是可以截图