Add extension skeleton with manifest and a background script which GETs the tab HTML on browser action click.

Author: wtaysom

README.md

@@ -1,4 +1,3 @@
-WebPageDiff
-===========
+# WebPageDiff
 
 A Chrome extension for tracking when web pages change.

background.js

@@ -0,0 +1,14 @@
+console.log("hello, guys");
+
+chrome.browserAction.onClicked.addListener(function(tab) {
+	console.log(tab);
+	console.log("GET "+tab.url);
+	var xhr = new XMLHttpRequest();
+	xhr.open('GET', tab.url, true);
+	xhr.onreadystatechange = function() {
+		if (xhr.readyState === this.DONE) {
+			console.log(xhr.responseText);
+		}
+	}
+	xhr.send();
+});

icon.png

@@ -0,0 +1,14 @@
+{
+	"name": "Web Page Diff",
+	"description": "Track when a web page changes.",
+	"version": "0.0.1",
+	"manifest_version": 2,
+	"browser_action": {
+		"default_icon" : "icon.png",
+		"default_title": "Add to Web Page Diff"
+	},
+	"background": {
+		"scripts": ["background.js"]
+	},
+	"permissions": ["http://*/"]
+}

manifest.json

@@ -0,0 +1,28 @@
+# Get Started Developing
+
+- Open Window > Extensions.
+- Check Developer mode box.
+- Click the Load unpacked extension button.  A file dialog appears.
+- In the file dialog, navigate to WebPageDiff and click OK.
+- Click on `_generated_background_page.html`.  Welcome to a REPL.
+- Visit a page in a new tab.
+- Find the green puzzle browser action button.
+- Click on it.  With any luck, the html for the page will show up in the log.
+
+# Interesting Chrome Extension Docs
+
+[Overview](http://developer.chrome.com/extensions/overview.html) of the technology.
+	Set things up in the [Manifest File](http://developer.chrome.com/extensions/manifest.html).
+	Click on a Browser Action Button to add a page to Web Page Diff.
+	[Background Pages](http://developer.chrome.com/extensions/background_pages.html) serves as our worker process.
+		In the future we would use [Event Pages](http://developer.chrome.com/extensions/event_pages.html) but the periodic [alarms api](http://developer.chrome.com/extensions/alarms.html) "requires Google Chrome dev channel or newer".
+	[Content Scripts](http://developer.chrome.com/extensions/content_scripts.html) patch an already loaded page.
+
+Look at the [Tutorial to Get Started](http://developer.chrome.com/extensions/getstarted.html).  Follow with the [Debugging Tutorial](http://developer.chrome.com/extensions/tut_debugging.html).
+
+Steal code from [Samples](http://developer.chrome.com/extensions/samples.html).
+
+[chrome.* API](http://developer.chrome.com/extensions/api_index.html)
+
+[XMLHTTPRequest](http://developer.chrome.com/extensions/xhr.html) basics.
+