Chrome 扩展点击页面加载

Question

我正在尝试创建一个 chrome 扩展程序，该扩展程序将在加载/刷新某个站点的页面时单击链接。到目前为止，我还不能让它工作，我尝试了来自不同来源的不同代码 sn-ps，但无论我尝试什么，它仍然没有做任何事情。

我的清单看起来像这样 --

 {
  "name": "SITENAME",
  "manifest_version": 2,
  "version": "1",
  "content_scripts": [
    {
      "matches": ["*://SITENAME.com/*"],
      "js": ["sitenamelink.js"]
    }
  ], "permissions": [
    "tabs" , "*://SITENAME.com/*"
  ]
}

该站点将在其末尾附加随机动态变量，例如“sitename.com/product/model...等”。所以真的没有办法让它是可预测的，唯一的办法就是每次都找到页面 url 并更新扩展名，这不是我想做的事情。

我试图保持 js 编码简洁明了，而我现在拥有的 js 是 --

$(document).ready(function(){
$('#addToCartLink').trigger('click');
});

我也试过了——

jQuery.noConflict();
jQuery(document).ready(function() {
   jQuery('a#addToCartLink')[0].click();
});

还有这个——

$(document).ready(function(){
$('a#addToCartLink')[0].click();
});

有链接的页面，它的编码是这样的——<a id="addToCartLink" href="javascript:addToCart()" onclick="showBubble(this)" onmouseout="hideBubble()"><span>Add to Cart</span></a>

我不确定如何检查它以查看我的代码在哪里失败，因为当我使用 chrome 进行检查时，它只显示该页面编码中的 js 错误。

那我做错了什么？任何帮助深表感谢。谢谢。

这是一个测试页面，如果您点击此链接，则选择尺寸，现在只需要点击添加到购物车链接。 -- 测试页

Answer 1

我的示例扩展（见下面的代码）对我来说很好。
例如：访问您提供的 Test Page，点击 ADD TO CART 链接并将商品添加到购物车。

ma​​nifest.json：

{
    "manifest_version": 2,

    "name":    "Test Extension",
    "version": "0.0",
    "offline_enabled": false,

    "content_scripts": [{
        "matches":    ["*://*.sitename.com/*"],
        "js":         ["content.js"],
        "run_at":     "document_end",
        "all_frames": false
    }]
}

content.js：

document.getElementById('addToCartLink').click();