如何僅使用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'));
      }