寻找Greasemonkey Scriptwriting基础/教程

Question

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

我在很大程度上理解如何使用firebug找到特定元素(我有Firefox).我理解元数据以及如何做到这一切.

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

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

Answer 1

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

没有指向许多指南和教程的链接(可能会在以后添加它们)但我真的认为你需要的是Javascript的初学者指南,例如Mozilla开发者网络提供的第1-8节(除了5).

Greasemonkey的东西:

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

1. DOM操作:

   插入/编辑/删除"节点"(在HTML代码中) - 例如,<a>nchors,<div>s,<img>s

   这是将额外的链接和标签等添加到页面中的方式.

   具体来说,看看appendChild(),createNode()和insertNodeBefore().

2. DOM Traversal

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

   具体而言,考虑XPATH, ,,getElement(s)By_____parentNodequerySelectorAll()

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

   .

3. CSS使用Javascript

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

4. Greasemonkey API

   同样,这东西会具体到要创建,但基本包括脚本中使用什么GM_getValue(),GM_setValue(),GM_log()

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