| OLD | NEW |
| 1 <h1>Getting Started: Building a Chrome Extension</h1> | 1 <h1>Getting Started: Building a Chrome Extension</h1> |
| 2 | 2 |
| 3 <p> | 3 <p> |
| 4 Extensions allow you to add functionality to Chrome without diving deeply | 4 Extensions allow you to add functionality to Chrome without diving deeply |
| 5 into native code. You can create new extensions for Chrome with those core | 5 into native code. You can create new extensions for Chrome with those core |
| 6 technologies that you're already familiar with from web development: HTML, | 6 technologies that you're already familiar with from web development: HTML, |
| 7 CSS, and JavaScript. If you've ever built a web page, you should feel right at | 7 CSS, and JavaScript. If you've ever built a web page, you should feel right at |
| 8 home with extensions pretty quickly; we'll put that to the test right now by | 8 home with extensions pretty quickly; we'll put that to the test right now by |
| 9 walking through the construction of a simple extension that will give you | 9 walking through the construction of a simple extension that will give you |
| 10 one-click access to pictures of kittens. Kittens! | 10 one-click access to pictures of kittens. Kittens! |
| (...skipping 186 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 197 </li> | 197 </li> |
| 198 <li> | 198 <li> |
| 199 <p> | 199 <p> |
| 200 Navigate to the directory in which your extension files live, and select | 200 Navigate to the directory in which your extension files live, and select |
| 201 it. | 201 it. |
| 202 </p> | 202 </p> |
| 203 </li> | 203 </li> |
| 204 </ol> | 204 </ol> |
| 205 | 205 |
| 206 <p> | 206 <p> |
| 207 Alternatively, you can drag and drop the directory where your extension files |
| 208 live onto <code>chrome://extensions</code> in your browser to load it. |
| 209 </p> |
| 210 |
| 211 <p> |
| 207 If the extension is valid, it'll be loaded up and active right away! If it's | 212 If the extension is valid, it'll be loaded up and active right away! If it's |
| 208 invalid, an error message will be displayed at the top of the page. Correct | 213 invalid, an error message will be displayed at the top of the page. Correct |
| 209 the error, and try again. | 214 the error, and try again. |
| 210 </p> | 215 </p> |
| 211 | 216 |
| 212 <h2 id="update-code">Fiddle with Code</h2> | 217 <h2 id="update-code">Fiddle with Code</h2> |
| 213 | 218 |
| 214 <p> | 219 <p> |
| 215 Now that you've got your first extension up and running, let's fiddle with | 220 Now that you've got your first extension up and running, let's fiddle with |
| 216 things so that you have an idea what your development process might look like. | 221 things so that you have an idea what your development process might look like. |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 275 walk you through each API in turn. | 280 walk you through each API in turn. |
| 276 </p> | 281 </p> |
| 277 </li> | 282 </li> |
| 278 <li> | 283 <li> |
| 279 <p> | 284 <p> |
| 280 Finally, the <a href="devguide.html">developer's guide</a> has dozens of | 285 Finally, the <a href="devguide.html">developer's guide</a> has dozens of |
| 281 additional links to pieces of documentation you might be interested in. | 286 additional links to pieces of documentation you might be interested in. |
| 282 </p> | 287 </p> |
| 283 </li> | 288 </li> |
| 284 </ul> | 289 </ul> |
| OLD | NEW |