WebFund 2013F: Tutorial 13 - Revision history

Soma at 16:24, 6 December 2013

2013-12-06T16:24:48Z

← Older revision		Revision as of 16:24, 6 December 2013
Line 1:		Line 1:
	~~'''This tutorial is not yet finalized.'''~~

	In this tutorial you will be learning about adding JavaScript code to your browser to modify the behavior and content of selected web pages. Such JavaScript code is knows as ''greasemonkey scripts'' or ''user scripts''.		In this tutorial you will be learning about adding JavaScript code to your browser to modify the behavior and content of selected web pages. Such JavaScript code is knows as ''greasemonkey scripts'' or ''user scripts''.

Soma: /* Hello World! */

2013-12-06T16:24:38Z

Hello World!

← Older revision		Revision as of 16:24, 6 December 2013
Line 18:		Line 18:
	Install the [http://userscripts.org/scripts/show/172301 WebMonkey Hello World] script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/ here].)You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!Read the code. Load some pages. See what happens!		Install the [http://userscripts.org/scripts/show/172301 WebMonkey Hello World] script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/ here].)You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!Read the code. Load some pages. See what happens!

	Then look at the source code. It should be pretty clear what it does.		Then look at the source code. (It should be pretty clear what it does.) Note you can view and edit the source by selecting "Manage User Scripts" from the Greasemonkey button, selecting preferences for a script, and then clicking on the edit script button at the bottom of the pop-up dialog.

	===Changing Google's Interface===		===Changing Google's Interface===

Soma at 16:21, 6 December 2013

2013-12-06T16:21:51Z

← Older revision		Revision as of 16:21, 6 December 2013
Line 22:		Line 22:
	===Changing Google's Interface===		===Changing Google's Interface===

	Install the [http://userscripts.org/scripts/show/179402 Google Black Bar Returns] user script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/googleblackbar-179402.user.js here].) You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!		Install the [http://userscripts.org/scripts/show/179402 Google Black Bar Returns] user script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/userscripts/googleblackbar-179402.user.js here].) You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!

	After installing it, visit the [http://www.google.ca Google home page]. Notice anything different? Try and click on the gear icon in the top right.		After installing it, visit the [http://www.google.ca Google home page]. Notice anything different? Try and click on the gear icon in the top right.

	Next, look at the source of the script (how can you do that?) and see how much of it you can understand.		Next, look at the source of the script (how can you do that?) and see how much of it you can understand.

			===Make Site Visible===

			Try the [http://userscripts.org/scripts/show/56331 Make Site Visible] script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/userscripts/make-site-visible-56331.user.js here].) Note how you can press Ctrl-M on any page and change the colour of the text. User scripts can be used to make small tweaks to web interfaces like this.

			===Google Translator Tooltip===

			You can also change the interface of a web page in more useful ways. Install the [http://userscripts.org/scripts/show/150664 Google Translator Tooltip] user script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/userscripts/translate-tooltip-150664.user.js here].) Then visit [http://www.spiegel.de/ Spiegel Online]. Highlight some text, notice the little button that appears, and move your mouse over it. Select the right languages and now you can read German!

	===Explore===		===Explore===

Soma at 15:55, 6 December 2013

2013-12-06T15:55:14Z

← Older revision		Revision as of 15:55, 6 December 2013
Line 13:		Line 13:

	Note the rest of the instructions assume the use of Firefox and Greasemonkey; however, all of the code should work on either browser.		Note the rest of the instructions assume the use of Firefox and Greasemonkey; however, all of the code should work on either browser.

			===Hello World!===

			Install the [http://userscripts.org/scripts/show/172301 WebMonkey Hello World] script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/ here].)You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!Read the code. Load some pages. See what happens!

			Then look at the source code. It should be pretty clear what it does.

	===Changing Google's Interface===		===Changing Google's Interface===

	Install the [http://userscripts.org/scripts/show/179402 Google Black Bar Returns] user script. (~~A local~~ copy is [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/googleblackbar-179402.user.js here].) You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!		Install the [http://userscripts.org/scripts/show/179402 Google Black Bar Returns] user script. (Local copy [http://homeostasis.scs.carleton.ca/~soma/webfund-2013f/googleblackbar-179402.user.js here].) You should be able to just click the "install" button in the top-right corner of the page. Make sure you see the smiling monkey in the top-right corner of your browser. If it is greyed out then scripts are disabled!

	After installing it, visit the [http://www.google.ca Google home page]. Notice anything different? Try and click on the gear icon in the top right.		After installing it, visit the [http://www.google.ca Google home page]. Notice anything different? Try and click on the gear icon in the top right.

	Next, look at the source of the script (how can you do that?) and see how much of it you can understand.		Next, look at the source of the script (how can you do that?) and see how much of it you can understand.

	~~===Adding a link to all pages===~~

	===Explore===		===Explore===

Soma: /* Explore */

2013-12-05T20:44:52Z

Explore

← Older revision		Revision as of 20:44, 5 December 2013
Line 26:		Line 26:
	===Explore===		===Explore===

	* All kinds of user scripts are available at [http://userscripts.org userscripts.org].		* All kinds of user scripts are available at [http://userscripts.org userscripts.org]. Look at all of the Facebook hacks!
	* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.		* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.
	* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).		* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).

Soma at 20:44, 5 December 2013

2013-12-05T20:44:26Z

← Older revision		Revision as of 20:44, 5 December 2013
Line 1:		Line 1:
			'''This tutorial is not yet finalized.'''

	In this tutorial you will be learning about adding JavaScript code to your browser to modify the behavior and content of selected web pages. Such JavaScript code is knows as ''greasemonkey scripts'' or ''user scripts''.		In this tutorial you will be learning about adding JavaScript code to your browser to modify the behavior and content of selected web pages. Such JavaScript code is knows as ''greasemonkey scripts'' or ''user scripts''.

Soma: /* Explore */

2013-12-05T20:43:55Z

Explore

← Older revision		Revision as of 20:43, 5 December 2013
Line 24:		Line 24:
	===Explore===		===Explore===

	* All kinds of user scripts are available at http://userscripts.org.		* All kinds of user scripts are available at [http://userscripts.org userscripts.org].
	* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.		* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.
	* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).		* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).

Soma: /* Explore */

2013-12-05T20:43:34Z

Explore

← Older revision		Revision as of 20:43, 5 December 2013
Line 24:		Line 24:
	===Explore===		===Explore===

	* All kinds of user scripts are available at [http://userscripts.org].		* All kinds of user scripts are available at http://userscripts.org.
	* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.		* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.
	* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).		* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).

Soma: /* Explore */

2013-12-05T20:43:21Z

Explore

← Older revision		Revision as of 20:43, 5 December 2013
Line 26:		Line 26:
	* All kinds of user scripts are available at [http://userscripts.org].		* All kinds of user scripts are available at [http://userscripts.org].
	* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.		* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.
	* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts].		* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts] (but they are mostly taken care of now).

Soma: /* Explore */

2013-12-05T20:43:04Z

Explore

← Older revision		Revision as of 20:43, 5 December 2013
Line 23:		Line 23:

	===Explore===		===Explore===

			* All kinds of user scripts are available at [http://userscripts.org].
			* A full book on writing user scripts, ''Greasemonkey Hacks'', is [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks here] in wiki form. It is a bit dated and Firefox-specific in parts; however, most of the content is still relevant.
			* And in case you were wondering, yes there are [http://commons.oreilly.com/wiki/index.php/Greasemonkey_Hacks/Getting_Started#Avoid_Common_Pitfalls many security concerns with user scripts].