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 |