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 |