IO Lab 22: Chrome Extensions

For this lab you will build two Chrome extensions.

• Part A: An extension that uses content scripts to modify the content of a web page in some way.
• Part B: An extension that enables users to quickly look up information on Wikipedia. This extension should add a new right-click menu option that appears when the user highlights some text (similar to the "Search on Google" option that appears now). When they select this option, the extension should launch a new tab in Chrome and load the matching wikipedia page.

Helpful Links

• Chrome Extension samples, http://developer.chrome.com/extensions/samples.html

Building the Extension(s)

1. Copy the files in this repository to your computer. Note that the 'googlebig' and 'gifcubby' examples are only included for your reference.
2. For both Part A and B:
   • Finish the manifest.json file for the extension.
   • Edit script.js. Further instructions are inside this file.
3. When you are ready to test your extension, add it to Chrome with these steps:
   1. Open the Chrome menu, click Tools > Extensions.
   2. Click Load Unpacked Extension.
   3. Navigate to the location where you have stored this lab and select the folder for PartA or PartB.