| 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 165 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 176 <img src="{{static}}/images/hotdogmenu.png" | 176 <img src="{{static}}/images/hotdogmenu.png" |
| 177 height="29" | 177 height="29" |
| 178 width="29" | 178 width="29" |
| 179 alt="The menu's icon is three horizontal bars.">. and | 179 alt="The menu's icon is three horizontal bars.">. and |
| 180 select <strong>Extensions</strong> under the <strong>Tools</strong> menu | 180 select <strong>Extensions</strong> under the <strong>Tools</strong> menu |
| 181 to get to the same place). | 181 to get to the same place). |
| 182 </p> | 182 </p> |
| 183 </li> | 183 </li> |
| 184 <li> | 184 <li> |
| 185 <p> | 185 <p> |
| 186 Ensure that the <strong>Developer Mode</strong> checkbox in the top | 186 Ensure that the <strong>Developer mode</strong> checkbox in the top |
| 187 right-hand corner is checked. | 187 right-hand corner is checked. |
| 188 </p> | 188 </p> |
| 189 </li> | 189 </li> |
| 190 <li> | 190 <li> |
| 191 <p> | 191 <p> |
| 192 Click <strong>Load unpacked extension…</strong> to pop up a | 192 Click <strong>Load unpacked extension…</strong> to pop up a |
| 193 file-selection dialog. | 193 file-selection dialog. |
| 194 </p> | 194 </p> |
| 195 </li> | 195 </li> |
| 196 <li> | 196 <li> |
| (...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 273 walk you through each API in turn. | 273 walk you through each API in turn. |
| 274 </p> | 274 </p> |
| 275 </li> | 275 </li> |
| 276 <li> | 276 <li> |
| 277 <p> | 277 <p> |
| 278 Finally, the <a href="devguide.html">developer's guide</a> has dozens of | 278 Finally, the <a href="devguide.html">developer's guide</a> has dozens of |
| 279 additional links to pieces of documentation you might be interested in. | 279 additional links to pieces of documentation you might be interested in. |
| 280 </p> | 280 </p> |
| 281 </li> | 281 </li> |
| 282 </ul> | 282 </ul> |
| OLD | NEW |