UserScript の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• UserScript へ行く。
• UserScript の差分を削除

&tag(UserScript);
*目次 [#xa093814]
#contents
*参考情報 [#s2800aed]

*概要 [#j7a9fcdc]
-Chromeの場合UserScriptを直接実行できるし、Tampermonkeyという拡張をインストールしその上で実行することもできる。
-Firefoxの場合Greasemonkeyという拡張をインストールする必要がある。


*入門 [#dd9cd5c1]
-[[GreaseMonkeyスクリプト作成クイックスタート | mitc:http://blog.fumiz.me/2007/04/28/greasemonkey%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%97%E3%83%88%E4%BD%9C%E6%88%90%E3%82%AF%E3%82%A4%E3%83%83%E3%82%AF%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%88/]]
-[[第1回　Greasemonkeyによるアプリケーション開発の準備：Greasemonkeyによるアプリケーション開発｜gihyo.jp … 技術評論社:http://gihyo.jp/dev/feature/01/greasemonkey/0001]]

*超基本的なGreasemonkeyスクリプトの作成 [#za9a6063]
-以下の内容のファイルをhello.user.jsとして保存
#pre{{
// ==UserScript==
// @name           Hello User Script
// @namespace      http://www.srcw.net/
// @description    Hello User Script
// @include        *
// @version        1.0.0
// ==/UserScript==

window.alert("Hello World");
}}
-Firefoxの場合、Greasemonkeyアドオンの管理ページに上記ファイルをドロップしてインストールする。Chromeの場合拡張ページにドロップする。
-ページを読み込むたびに「Hello World」と表示される。
-Firefoxの場合、gm_scriptsというフォルダに保存されるため、このファイルを直接編集しない場合、変更後再ドロップしてインストールしなおす必要がある。
-Chromeの場合拡張をリロードする。


*Tips [#n1dcb5ee]
**デバッグ方法 [#u414f590]
[[Greasemonkeyスクリプトのデバッグ方法 - romer's blog:http://romer.hateblo.jp/entry/20110503/1304390534]]
-[[Greasemonkeyスクリプトのデバッグ方法 - romer's blog:http://romer.hateblo.jp/entry/20110503/1304390534]]
-[[How do I auto-reload a Chrome extension I'm developing? - Stack Overflow:http://stackoverflow.com/questions/2963260/how-do-i-auto-reload-a-chrome-extension-im-developing/9645435#9645435]]