用户脚本的控制台代码？

Question

我在为购物页面创建用户脚本时遇到问题。我想自动执行单击，以便当我在具有项目网格的页面上时，脚本将选择与用户输入匹配的产品。这将是特定的网页，您可以在其中选择数量和颜色以及结帐。我有一个工作控制台功能，如下所示：

function product_click(product) {
    $(".griditem-display-name:contains("+product+")").closest("a").click();
}
product_click("Desirable here")

...其中“Desirable here”是产品的名称。当我尝试创建.js文件并加载为 Chrome 的解压缩扩展程序时，网页上没有任何反应。我应该期待这个吗？另外，我尝试使用 Firefox 中的 Scriptish 扩展名，但也没有任何反应。这让我相信代码和用户脚本存在错误/不兼容。任何输入都会非常感激，因为我完全感到困惑。 谢谢！

// ==UserScript==
// @id             paneler store.nike.com-f9768fbb-7d51-6244-8db2-a7f9e8827a6f@scriptish
// @name           paneler - nike test
// @version        1.0
// @namespace      
// @author        
// @description    
// @include        http://store.nike.com/*
// @include        http://store.nike.com/
// @include        http://store.nike.com
// @include        https://store.nike.com/*
// @include        https://store.nike.com/
// @include        https://store.nike.com
// @include        store.nike.com/*
// @include        store.nike.com/
// @include        store.nike.com
// @include about:blank
// ==/UserScript==


function product_click(product) {
    $(".griditem-display-name:contains("+product+")").closest("a").click();
}

product_click("Force");

Answer 1

您需要在选择器中添加转义双引号：

 $(".griditem-display-name:contains("+product+")").closest("a").click();

到

 $(".griditem-display-name:contains(\""+product+"\")").closest("a").click();

不要忘记在您的用户标题中添加run-at条目：

// @run-at          document-end