寻找Greasemonkey Scriptwriting基础/教程

Question

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

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

但我不明白我应该如何在页面中得到任何我想要的东西。无论是Facebook或其他网站的链接或标签。

任何人都可以帮助我获得一个完整的教程/指南，这个教程/指南是最新的，易于理解的全部编剧初学者吗？

Answer 1

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

没有指向许多指南和教程的链接（可能会在以后添加）但我真的认为你需要的是Javascript的初学者指南，例如{{{1}部分的第1-8节（除了5） 3}}。

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()

   • Mozilla Developer Network
   • https://developer.mozilla.org/en/Introduction_to_using_XPath_in_JavaScript

3. CSS使用Javascript

   更改节点的CSS的基础是使用.setAttribute()设置'style'属性，或使用nodeReference.style.cssAttribute = 'value'更改特定的CSS属性。

4. Greasemonkey API

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

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

Answer 2

查看Greasemonkey Hacks，尤其是Avoid Common Pitfalls部分 - 我经常回到后者。