使用jQuery和userscript更改表数据值

Question

我正在尝试使用jQuery和userscript更改表格数据值，但它不起作用。下面是我的代码：

// ==UserScript==
// @name       My Fancy New Userscript
// @namespace  http://use.i.E.your.homepage/
// @version    0.1
// @description  enter something useful
// @copyright  2012+, You
// ==/UserScript==


// a function that loads jQuery and calls a callback function when jQuery has finished loading
function addJQuery(callback) {
  var script = document.createElement("script");
  script.setAttribute("src", "//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    script.textContent = "window.jQ=jQuery.noConflict(true);(" + callback.toString() + ")();";
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);
}

// the guts of this userscript
function main() {
  // Note, jQ replaces $ to avoid conflicts.
 $('.last').html('111');
}

// load jQuery and execute the main function
addJQuery(main);

我做错了什么？我正在使用Chrome 30.0.1599.69上的Tampermonkey扩展

Answer 1

该代码最直接的错误是$('.last').html('111');需要为JQ('.last').html('111');

addJQuery()定义了JQ，而不是main()中的$，这不是addJQuery()的最佳版本。

但是，更大的问题是并不是在坦帕猴(或Greasemonkey)上使用jQuery的聪明方式。尽可能将您的脚本与页面代码隔离。

您的整个脚本应该类似于：

// ==UserScript==
// @name     _YOUR_SCRIPT_NAME
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @version  0.1
// @grant    GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change
    introduced in GM 1.0.   It restores the sandbox.
*/
$('.last').html ('111');

确保将@include指令与您的目标页面匹配。