通过浏览器控制台提取图片地址

在浏览器控制台中提取图片地址可以通过以下步骤实现:

  1. 打开需要提取图片地址的网页。
  2. 按下键盘上的 F12 键或者右键 点击页面并选择“检查”来打开开发者工具。
  3. 在开发者工具中,选择“网络”选项卡。
  4. 在网络选项卡中,点击“刷新”按钮以刷新页面,以便加载页面上的所有图片。
  5. 在加载的图片中,找到你需要的图片。右键 点击图片并选择“在新标签页中打开链接”。
  6. 在新标签页中打开的图片上右键 点击并选择“检查”。
  7. 在开发者工具中,选择“网络”选项卡。
  8. 在网络选项卡中,找到并点击该图片的文件名。
  9. 在右侧的“属性”面板中,复制该图片的 URL 地址即可获得该图片的地址。

注意:以上步骤可能因浏览器版本和操作系统的不同而略有差异,请根据实际情况进行相应调整。

 

以下是通过浏览器控制台提取网站页面图片地址的示例代码:

// 获取网页中所有图片的链接
var imgList = document.getElementsByTagName('img');
for(var i=0; i<imgList.length; i++){
var imgLink = imgList[i].src;
console.log(imgLink);
}

这段代码的作用是获取当前网页中所有的图片,并输出它们的链接地址。如果你想要获取特定类别的图片,可以对获取到的图片进行筛选,例如筛选出所有包含”pc-items-item-a”类的图片,代码如下:

// 获取包含特定类别的图片链接
var classan = document.getElementsByClassName("pc-items-item-a");
for(var nr=0; nr<classan.length; nr++){
var sptplj = classan[nr].children[0].getAttribute("src");
console.log("图片链接"+nr+":"+sptplj);
}

以上代码的作用是获取页面中所有包含”pc-items-item-a”类的图片,并输出它们的链接地址。

注意:浏览器控制台执行的JavaScript代码只对当前页面有效,并不会影响其他页面或浏览器的行为。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享