控制台代码到用户脚本？

Question

我很难为一个购物页面创建一个用户脚本。我想要自动点击，以便当我在一个有项目网格的页面上时，脚本将选择一个与用户输入相匹配的产品。这将去具体的网页，你可以选择数量，颜色和结帐。我有一个工作控制台函数，如下所示：

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

...where“理想在这里”是产品的名称。当我尝试创建一个.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();

不要忘记在您的userscript头中添加一个run-at条目：

// @run-at          document-end