Chrome扩展，点击页面加载

Chrome Extension to click on page load

本文关键字：加载 扩展 Chrome      更新时间：2024-06-10

我正在尝试创建一个chrome扩展，该扩展将在加载/刷新某个网站的页面时单击链接。到目前为止，我还没能让它发挥作用，我尝试了来自不同来源的不同代码片段，但无论我尝试什么，它仍然没有任何作用。

我的舱单是这样的——

 {
  "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错误。

那么我做错了什么？非常感谢您的帮助。谢谢

这是一个测试页面，如果你点击这个链接，就会选择大小，现在只需要点击添加到购物车的链接。——测试页面

我的示例扩展（请参阅下面的代码）对我来说运行良好。
例如：访问您提供的测试页面，单击ADD TO CART链接并将项目添加到购物车中。

manifest.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();
相关文章：