OLD | NEW |
1 <div id="pageData-name" class="pageData">Tutorial: Getting Started (Hello, World
!)</div> | 1 <div id="pageData-name" class="pageData">Tutorial: Getting Started (Hello, World
!)</div> |
2 <div id="pageData-showTOC" class="pageData">true</div> | 2 <div id="pageData-showTOC" class="pageData">true</div> |
3 | 3 |
4 <p> | 4 <p> |
5 This tutorial walks you through creating a simple extension. | 5 This tutorial walks you through creating a simple extension. |
6 You'll add an icon to Google Chrome | 6 You'll add an icon to Google Chrome |
7 that, when clicked, displays an automatically generated page. | 7 that, when clicked, displays an automatically generated page. |
8 The icon and page will look something like this: | 8 The icon and page will look something like this: |
9 </p> | 9 </p> |
10 | 10 |
11 <img src="images/hello-world-small.png" | 11 <img src="images/hello-world-small.png" |
12 width="300" height="221" | 12 width="300" height="221" |
13 alt="a window with a grid of images related to HELLO WORLD" /> | 13 alt="a window with a grid of images related to HELLO WORLD" /> |
14 | 14 |
15 | |
16 <h2 id="browser">Get your browser ready</h2> | |
17 | |
18 <p> | 15 <p> |
19 Extensions are supported on the normal, | 16 You can develop extensions using any release of Google Chrome, |
20 "stable channel" release of Google Chrome for Windows. | 17 on Windows, Mac, or Linux. |
21 To develop extensions on Linux or Mac, | |
22 you need to get on an early access release channel of Google Chrome. | |
23 </p> | 18 </p> |
24 | 19 |
25 <ul> | |
26 <li> <b>Windows</b>: Use any release of Google Chrome </li> | |
27 <li> <b>Linux</b>: Subscribe to the <a href="http://www.google.com/landing/chr
ome/beta/">Beta channel</a> </li> | |
28 <li> <b>Mac</b>: Subscribe to the <a href="http://www.chromium.org/getting-inv
olved/dev-channel#TOC-Mac">Dev channel</a> </li> | |
29 </ul> | |
30 | |
31 <h2 id="load">Create and load an extension</h2> | 20 <h2 id="load">Create and load an extension</h2> |
32 <p> | 21 <p> |
33 In this section, you'll write an extension | 22 In this section, you'll write an extension |
34 that adds a <em>browser action</em> | 23 that adds a <em>browser action</em> |
35 to the toolbar of Google Chrome. | 24 to the toolbar of Google Chrome. |
36 </p> | 25 </p> |
37 | 26 |
38 <ol> | 27 <ol> |
39 <li> | 28 <li> |
40 Create a folder somewhere on your computer to contain your extension's code. | 29 Create a folder somewhere on your computer to contain your extension's code. |
(...skipping 135 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
176 <li> | 165 <li> |
177 Look at some | 166 Look at some |
178 <a href="samples.html">sample extensions</a> | 167 <a href="samples.html">sample extensions</a> |
179 </li> | 168 </li> |
180 <li> | 169 <li> |
181 Watch some | 170 Watch some |
182 <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4B">videos</a
>, such as | 171 <a href="http://www.youtube.com/view_play_list?p=CA101D6A85FE9D4B">videos</a
>, such as |
183 <a href="http://www.youtube.com/watch?v=e3McMaHvlBY&feature=PlayList&p=CA101
D6A85FE9D4B&index=3">How to build an extension</a> | 172 <a href="http://www.youtube.com/watch?v=e3McMaHvlBY&feature=PlayList&p=CA101
D6A85FE9D4B&index=3">How to build an extension</a> |
184 </li> | 173 </li> |
185 </ul> | 174 </ul> |
OLD | NEW |