如何利用chorme开发者工具获取网页上的原图

有时我们可能会需要网站上的某些原图作为练习素材,但有的网站的原图不能直接下载,右击另存为时保存的可能是一个HTML页面,这里分享了如何利用chorme开发者工具获取网页上原图的一个方法

首先找一个网站,以菜鸟教程网站为例,现在想要获取网站里这个灯泡的原图

如何利用chorme开发者工具获取网页上的原图

第一步:

在chorme浏览器中鼠标右击(或ctrl+shift+I)选择检查

如何利用chorme开发者工具获取网页上的原图

第二步:

点击Open in new tab
如何利用chorme开发者工具获取网页上的原图

注意:这里一定要img标签下src属性的后面右击才会出现“open in new tab” 如果在其他标签下右击则可能不会看到“open in new tab”这个选项,会出现如下的选项,这里不会有我们想要的“open in new tab”这个选项
如何利用chorme开发者工具获取网页上的原图

第三步:点击图片另存为即可获取该灯泡原图

如何利用chorme开发者工具获取网页上的原图