如何仅使用JS在后台从其他页面抓取图像？

Question

我正在制作一个Chrome扩展程序，想要在后台加载页面并从中获取图像。 我知道我可以使用jQuery的$.get()函数以及嵌套在循环中的几个indexOf()语句来完成此操作，例如：

  $.get("http://...",
    function(response) {
      a=response.indexOf("<IMG ", a)+1;

      while (a>0)
      {
        ...

但是我想知道是否有一种更简单的方法，也许是将带有后台脚本的页面加载到不可见的iframe中，并循环遍历其中的所有IMG对象？ 我从来没有做过，所以任何指针都将受到欢迎。

Answer 1

response可能是一个jQuery对象（假设您使用的是jQuery），因此您可以将其视为一个对象：

$.get("http://...",
    function(response) {
      $('img', response).each(function() {
        console.log('My src is: ' + $(this).prop('src'));
      }