Greasemonkey Manual:Editing: Difference between revisions

From GreaseSpot Wiki
Jump to navigationJump to search
Marti (talk | contribs)
m →‎Picking an Editor: Eclipse includes Java binary stubs to execute Java classes
No edit summary
 
(73 intermediate revisions by 27 users not shown)
Line 1: Line 1:
__NOTOC__
{{Greasemonkey Manual TOC}}
{{Greasemonkey Manual TOC}}
__NOTOC__
== User Script Flow ==
First: a [[user script]] is only a plain text file with the extension <code>.user.js</code>.
Usually, a [[metadata block]] is included, although this is not strictly required.
You may create a [[user script]] with any text editor.
When you're done, distribute it via whatever means you like.
For example, you may place it on a web server.
The tricky part of course is what happens between when you start and when the script is finished.
Let's walk through all the steps, manually, to make sure we understand what is going on.
== Creating the Script ==
First, create the text file.
It should contain the [[metadata block]] with name, namespace, and any appropriate [[include and exclude rules]] and nothing more.
At this point, you may begin with any of the script itself, but it is not yet necessary, and likely is counterproductive.
Now, install this stub script into [[Greasemonkey]].


== Editing the Script ==
== The Editor ==


At this point, [[Greasemonkey]] will make a copy of the script, into the [[scripts directory]], and any future page loads (which match the [[include and exclude rules]]) will have that script run.
As of Greasemonkey 4.0, due to limits in the WebExtension API surface, only an embedded editor is available.
At this point, though, "that script" is the copy that [[Greasemonkey]] made, '''not''' the original file you started with.
It is probably a good idea now to delete the original file you created just moments ago, to reduce confusion.


Next, find and edit the copy of the script that [[Greasemonkey]] is working with.
[[Image:Editor.png|thumb|382px|frame|center|Greasemonkey's script editor]]
You may do this yourself, as explained in the [[FAQ#Yes.2C_but_how_can_I_edit_a_script_without_going_through_Greasemonkey.3F|FAQ]], or by one of two shortcuts [[Greasemonkey]] provides.
The first shortcut would be the edit button in the [[Greasemonkey Manual:Manage Dialog|manage dialog]].
Alternately, you can use the right-click shortcut in the [[Greasemonkey Manual:Monkey Menu|monkey menu]].


Now that you are working with the copy of the script that [[Greasemonkey]] has installed, your changes will be immediately available (except for changes in metadata block, as mentioned [[Metadata block#Caveats|here]]).
The script itself is listed in the editor's first tab.
When you make a change to the script, simply save the file and reload the page that it applies to, and this new version of the script will be run.
Any <code>@require</code> or <code>@resource</code> files will be listed in additional tabs.


=== Picking an Editor ===
Press <kbd>Ctrl-S</kbd> (or click the floppy disk icon at top left<!-- TODO: Update screenshot -->) to save any changes.
Most script wrights just use a familiar built in text editor such as Windows Notepad, Linux KDE Kwrite/Kate, Linux Gnome gedit, or Mac OS X TextEdit. However some may not include mono-spaced fonts, syntax highlighting and brace matching.  These can be very helpful features when coding.
{| cellpadding="1" style="font-size: small; border-style: solid; background-color: #FFFFE0;"
|+ Common Text Editors
|-
| colspan="1" style="text-align: center; background-color: #CC9900;" | '''Title'''
| colspan="1" style="width: 90px; text-align: center; background-color: orange;"| '''Java'''
| colspan="1" style="width: 90px; text-align: center; background-color: black; color: white"| '''Linux'''
| colspan="1" style="width: 90px; text-align: center; background-color: lightgrey;"| '''Macintosh'''
| colspan="1" style="width: 90px; text-align: center; background-color: #0000CC; color: white;"| '''Windows'''
| colspan="1" style="width: 90px; text-align: center; background-color: #CC9900;"| '''Brace Matching'''
| colspan="1" style="width: 90px; text-align: center; background-color: #CC9900;"| '''Fixed Fonts'''
| colspan="1" style="width: 90px; text-align: center; background-color: #CC9900;"| '''Syntax Highlighting'''
|- style="text-align: center; background-color: white;"
| [http://www.aptana.com/ Aptana]                              || &diams; || &diams; || &diams; || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center;"
| [http://www.adobe.com/products/dreamweaver/ Dreamweaver]    ||        ||        || &diams; || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center; background-color: white;"
| [http://www.eclipse.org/ Eclipse]                            || &diams; || &diams; || &diams; || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center;"
| [http://www.editpadpro.com/ EditPad Pro]                    ||        || &diams; ||        ||        ||        || &diams; || &diams;
|- style="text-align: center; background-color: white;"
| [http://projects.gnome.org/gedit/ gedit]                    ||        || &diams; ||        ||        || &diams; || &diams; || &diams;
|- style="text-align: center;"
| [http://www.kate-editor.org/ KWrite/Kate]                    ||        || &diams; ||        ||        || &diams; || &diams; || &diams;
|- style="text-align: center; background-color: white;"
| [http://www.microsoft.com/windows/ Notepad]                  ||        ||        ||        || &diams; ||        || &diams; ||
|- style="text-align: center;"
| [http://www.notepad2.com Notepad2]                          ||        ||        ||        || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center; background-color: white;"
| [http://notepad-plus.sourceforge.net/uk/site.htm Notepad++]  ||        ||        ||        || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center;"
| [http://portablegvim.sourceforge.net/ Portable GVim]        ||        ||        ||        || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center; background-color: white;"
| [http://www.pspad.com/ PSPad]                                ||        ||        ||        || &diams; || &diams; || &diams; || &diams;
|- style="text-align: center;"
| [http://www.apple.com/macosx TextEdit]                      ||        ||        || &diams; ||        || &diams; || &diams; || &diams;
|}


== That's It! ==
== That's It! ==

Latest revision as of 00:03, 18 April 2024


Greasemonkey Manual
Using Greasemonkey
Installing Scripts
Monkey Menu
Getting Help
User Script Authoring
Editing
Environment
API

The Editor

As of Greasemonkey 4.0, due to limits in the WebExtension API surface, only an embedded editor is available.

Greasemonkey's script editor

The script itself is listed in the editor's first tab. Any @require or @resource files will be listed in additional tabs.

Press Ctrl-S (or click the floppy disk icon at top left) to save any changes.

That's It!

Writing scripts for Greasemonkey is not hard. What can get difficult, however, is working with the quirks and limitations that the script runs under; Some things that work perfectly in a normal web page, copied and pasted directly to a user script suddenly fail. It's important to know how the environment the scripts run in works.