Javascript Chrome扩展,点击页面加载
我正在尝试创建一个chrome扩展,当加载/刷新某个站点的页面时,该扩展将单击链接。到目前为止,我还不能让它工作,我尝试了来自不同来源的不同代码片段,但无论我尝试了什么,它仍然没有任何作用 我的舱单是这样的-Javascript Chrome扩展,点击页面加载,javascript,jquery,google-chrome-extension,click,refresh,Javascript,Jquery,Google Chrome Extension,Click,Refresh,我正在尝试创建一个chrome扩展,当加载/刷新某个站点的页面时,该扩展将单击链接。到目前为止,我还不能让它工作,我尝试了来自不同来源的不同代码片段,但无论我尝试了什么,它仍然没有任何作用 我的舱单是这样的- { "name": "SITENAME", "manifest_version": 2, "version": "1", "content_scripts": [ { "matches": ["*://SITENAME.com/*"], "
{
"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();
});
包含链接的页面,其编码如下所示:
我不知道如何检查它,看看我的代码在哪里失败,因为当我用chrome检查时,它只显示该页面编码中的js错误
那么我做错了什么?非常感谢您的帮助。谢谢
这是一个测试页面,如果您遵循此链接,则会选择大小,现在只需要单击“添加到购物车”链接即可。-测试页面我的示例扩展(请参阅下面的代码)对我来说运行良好。 例如:访问您提供的购物车,单击“添加到购物车”链接并将项目添加到购物车 manifest.json: content.js:
单击dom节点本身。document.getElementById'addToCartLink'。单击或者更好,完全跳过单击。showBubbledocument.getElementById'addToCartLink'@KevinB但是如果我跳过点击,那会不会只是使气泡出现,而不是将项目添加到购物车?你是对的,我错过了href javascript。然后单击“方法”。或者,您也可以执行addToCart方法;但是没用。我还有一个问题,也许你能回答。我想知道是否有可能从一个选择菜单中选择一个选项,然后在之后执行上面的答案?类似于此文档。getElementByIdproduct_size.childrenoption[value='12.0'].prop'selected',True几乎任何事情都有可能。你的想象力是有限的:如何做取决于你到底想要什么以及DOM是什么样子的,所以如果你在so中找不到相关的东西,就发布一个包含所有必要信息的问题。
{
"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
}]
}
document.getElementById('addToCartLink').click();