如何使我的 chrome 擴展程序正常工作？

Question

我正在制作一個 Chrome 擴展程序，因此您可以在點擊圖片時下載圖片。 問題是它有點問題，所以任何幫助都會很棒。 這是Javascript：

var myImg = document.querySelector('img');
myImg.addEventListener("click", () => {
  var a = document.createElement('a');
  a.href = myImg.src;
  a.download = myImg.src;
  document.body.appendChild(a);
  a.click();
});

我認為也許您應該為用戶單擊的圖像添加一個 id，然后下載該 id 的值。 但我不知道該怎么做。

Answer 1

如果您想單擊任何img ，您將需要使用querySelectorAll來捕獲頁面上的所有圖像，而querySelector只抓取一張。

var myImgs = document.querySelectorAll('img');
myImgs.forEach(function(img) {
  img.addEventListener("click", (el) => {
    var a = document.createElement('a');
    a.href = el.target.src;
    a.download = el.target.src;
    document.body.appendChild(a);
    a.click();
  });
});