「Hello World」スクリプトよりも複雑な独自のスクリプトを作成する方法を見つけようと、何日もインターネットを検索してきました。
firebug (私は Firefox を持っています) を使用して特定の要素を見つける方法をほとんど理解しています。メタデータとそのすべての方法を理解しています。
ただし、ページに必要なものをどのように取得する必要があるのか わかりません。Facebookや他のサイトへのリンクやタブです。
完全なスクリプト作成の初心者向けの、最新で理解しやすい完全なチュートリアル/ガイドを入手するのを手伝ってくれる人はいますか?
あなたが で説明したことから、あなたの基準を満たすものは実際には、いくつかのGreasemonkey固有のセクション/フォーカスを追加したJavascriptチュートリアルになると思います
多くのガイドやチュートリアルへのリンクはありません (後で追加する可能性があります) が、 Mozilla Developer Networkで提供されているセクション 1 から 8 (5 を除く) などの Javascript の初心者向けガイドが必要だと思います。
グリースモンキーのもの：
具体的には、読む必要がある Greasemonkey 関連のトピックは、DOM、DOM ノードのスタイルの変更、および Greasemonkey API に関連しています。他に必要なのは、作成しているスクリプトに固有の汎用 Javascript です。
DOM 操作:
「ノード」の挿入/編集/削除 (HTML コード内) - たとえば、<a>nchors、<div>s、<img>s
これは、追加のリンクやタブなどをページに追加する方法です。
具体的には、 、 、 を調べappendChild()てcreateNode()くださいinsertNodeBefore()。
DOM トラバーサル
DOM (HTML ドキュメント) 内を移動し、新しいノードを挿入する場所を選択する / エディターで削除するノードを選択する。
getElement(s)By_____具体的には、XPATH、、、、を調べparentNodeますquerySelectorAll()
.
JavaScript を使用した CSS
ノードの CSS を変更する基本は、 を使用.setAttribute()して 'style' 属性を設定するか、 を使用して特定の CSS プロパティを変更することnodeReference.style.cssAttribute = 'value'です。
グリースモンキー API
繰り返しますが、このようなものは、作成するスクリプト内で使用したいものに固有のものになりますが、基本にはGM_getValue()、、、GM_setValue()GM_log()
アーカイブされたGreasemonkey Hacks、特にアーカイブされた一般的な落とし穴の回避の部分を見てください- 私はよく後者に戻っています。
編集: 元のリンクは無効になっています。最近のアーカイブ バージョンへのリンクを上付き文字で追加しました。