在没有 Tamper Monkey 的情况下运行用户脚本答案

【问题标题】：Running user scripts without Tamper Monkey在没有 Tamper Monkey 的情况下运行用户脚本
【发布时间】：2019-11-15 04:26:54
【问题描述】：

我一直在尝试使用 Tampermonkey 并制作脚本来更改 Web 元素。我在 Tamper Monkey 中运行了以下用户脚本：

// ==UserScript==
// @name       "job changer"
// @namespace  Marshmellows
// @version    0.1
// @description  Change 'Jobs' in stackoverflow to Hello!
// @match      http://stackoverflow.com/*
// @copyright  
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==

$(document).ready(function() {
    document.getElementById('nav-jobs').innerHTML = 'Hello!';
});

这个 js 通过使用 Tamper Monkey 完成了它应该做的事情。但是，如果我手动将此 js 安装为 chrome 的扩展，则该脚本将不再有效。有人可以为这个问题提供指导吗？

谢谢

【问题讨论】：

标签： javascript html google-chrome-extension tampermonkey

【解决方案1】：

您可以避免使用@require，因为它是not supported natively，并写在vanilla JavaScript：

// ==UserScript==
// @name       "job changer"
// @namespace  Marshmellows
// @version    0.1
// @description  Change 'Jobs' in stackoverflow to Hello!
// @match      https://stackoverflow.com/*
// @grant      none
// @run-at     document-start
// ==/UserScript==

document.addEventListener('DOMContentLoaded', function() {
    document.getElementById('nav-jobs').innerHTML = 'Hello!';
}, false);

或者直接在代码里面添加jQuery：
How can I use jQuery in Greasemonkey scripts in Google Chrome?

【讨论】：