寻找 Greasemonkey 脚本编写基础知识/教程 [关闭]

我已经在互联网上搜索了好几天，试图找出如何编写自己的脚本，一个比“Hello World”脚本更复杂的脚本。

我大部分了解如何使用 firebug 查找特定元素（我有 Firefox）。我了解元数据以及如何做到这一切。

然而，我不明白我应该如何将我想要的任何内容放入页面中。无论是 Facebook 或其他网站的链接或标签。

任何人都可以帮助我获得完整的教程/指南，该教程/指南是最新的并且对于整个脚本编写初学者来说很容易理解吗？

根据您所描述的内容，我怀疑任何符合您标准的内容实际上只是一个 Javascript 教程，其中包含一些额外的 Greasemonkey 特定部分/焦点

没有很多指南和教程的链接（可能会在稍后添加），但我真的认为您需要的是一本 Javascript 初学者指南，例如 1-8 节（第 5 节除外）中提供的指南和教程。Mozilla 开发者网络 https://developer.mozilla.org/en/docs/Web/JavaScript/Guide.

油猴的东西：

具体来说，您需要阅读的与 Greasemonkey 相关的主题与 DOM、改变 DOM 节点的样式以及 Greasemonkey API 相关。您需要的所有其他内容都是特定于您正在创建的脚本的通用 Javascript。

1. DOM 操作：

插入/编辑/删除“节点”（在 HTML 代码中） - 例如，<a>nchors, <div>s, <img>s

这就是将额外链接和选项卡等添加到页面中的方式。

具体来说，查看appendChild(), createNode() and insertNodeBefore().

2. DOM 遍历

在 DOM（HTML 文档）中移动并选择插入新节点的位置/选择要编辑器删除的节点。

具体来说，查看 XPATH，getElement(s)By_____, parentNode, querySelectorAll()

• JavaScript 中使用 XPath 简介 - XPath | MDN https://developer.mozilla.org/en-US/docs/Web/XPath/Introduction_to_using_XPath_in_JavaScript
• Node.parentNode - Web API | Node.parentNode MDN https://developer.mozilla.org/en-US/docs/Web/API/Node/parentNode

3. 使用 JavaScript 的 CSS

更改节点 CSS 的基本方法是使用.setAttribute()设置“style”属性，或使用以下命令更改特定 CSS 属性nodeReference.style.cssAttribute = 'value'.

4. 油猴API

同样，这些内容将特定于您想要在您创建的脚本中使用的内容，但基础知识包括GM_getValue(), GM_setValue(), GM_log()

• Greasemonkey 手册：API - GreaseSpot Wiki https://wiki.greasespot.net/Greasemonkey_Manual:API