脚本在控制台中有效，但在 chrome 扩展中无效

Question

我正在尝试编写一个 google chrome 扩展程序以从互联网商店中提取一些数据（产品名称、描述、价格等）并将这些数据放入分类添加网站.

我还想从产品图库下载所有图片，以便能够将它们上传到后者的网站。

因为产品页面包含小分辨率图片，所以我点击它们以加载中分辨率图片，然后使用 HTML5 属性下载它们下载。

这是我写的脚本：

//Fing li elements with small versions of pics
var li = $('#product_card_nav li');
var li_length = li.length; 
for (i=0; i<li_length; i++) {
    //click on each small pic to load a mid resolution pic
    li.eq(i).find('a').trigger('click');
    var img = $('.b-gallery2__img img');
    //create a link to download a mid resolution pic
    var link = document.createElement('a');                  
    link.href = img.attr('src');                  
    link.download = 'MyToy.jpeg';                  
    document.body.appendChild(link);                  
    link.click();   
}

当我将此脚本复制并粘贴到 chrome 控制台时，它工作正常。但是当我尝试在我的 chrome 扩展的内容脚本中使用它时，它总是只下载第一张图片几次。

这种行为的原因是什么？

Answer 1

内容脚本可以访问您网页中的javascript。当您触发点击时，没有任何反应，因为您要运行的代码来自网页。

更多信息 - https://developer.chrome.com/extensions/content_scripts#execution-environment

（对不起我的英文）

脚本在控制台中有效，但在 chrome 扩展中无效

Script works in console but doesn't work in chrome extension

javascript

jquery

google-chrome-extension

content-script