firefox - 寻找 Greasemonkey 脚本编写基础/教程

Question

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

我在很大程度上了解如何使用 firebug 查找特定元素（我有 Firefox）。我了解元数据以及如何做到这一点。

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

谁能帮我获得一个完整的教程/指南，该教程/指南是最新的，并且对于所有脚本编写初学者来说易于理解？

Answer 1

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

没有指向许多指南和教程的链接（稍后可能会添加它们），但我真的认为您需要的是 Javascript 的初学者指南，例如Mozilla Developer Network提供的第 1-8 节（第 5 节除外） 。

Greasemonkey的东西：

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

1. DOM 操作：

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

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

   具体来说，appendChild()查看createNode()和insertNodeBefore()。

2. DOM 遍历

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

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

   • https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript
   • https://developer.mozilla.org/en/docs/Web/API/Node/parentNode

   .

3. 使用 Javascript 的 CSS

   更改节点 CSS 的基础是使用.setAttribute()设置“样式”属性，或使用nodeReference.style.cssAttribute = 'value'.

4. 油猴 API

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

   • http://wiki.greasespot.net/API

Answer 2

查看^存档的Greasemonkey Hacks，尤其是存档的避免常见陷阱部分^-我经常回到后者。

---

编辑：原始链接已失效，在上标中添加了指向最近存档版本的链接。