| OLD | NEW |
| 1 <div id="pageData-title" class="pageData">Tutorial: Getting Started (Hello, Worl
d!)</div> | 1 <div id="pageData-title" class="pageData">Tutorial: Getting Started (Hello, Worl
d!)</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 |
| (...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 52 "browser_action": { | 52 "browser_action": { |
| 53 "default_icon": "icon.png" | 53 "default_icon": "icon.png" |
| 54 }, | 54 }, |
| 55 "permissions": [ | 55 "permissions": [ |
| 56 "http://api.flickr.com/" | 56 "http://api.flickr.com/" |
| 57 ] | 57 ] |
| 58 }</pre> | 58 }</pre> |
| 59 </li> | 59 </li> |
| 60 <li> | 60 <li> |
| 61 Copy this icon to the same folder:<br> | 61 Copy this icon to the same folder:<br> |
| 62 <table cellpadding="0" cellspacing="0"> | 62 <table cellpadding="0" cellspacing="0" style="border:0"> |
| 63 <tr> | 63 <tr> |
| 64 <td style="text-align:center; border:0;"><a | 64 <td style="text-align:center; border:0;"><a |
| 65 href="examples/tutorials/getstarted/icon.png" | 65 href="examples/tutorials/getstarted/icon.png" |
| 66 ><img src="examples/tutorials/getstarted/icon.png" | 66 ><img src="examples/tutorials/getstarted/icon.png" |
| 67 width="19" height="19" border="0"></a><br> | 67 width="19" height="19" border="0"></a><br> |
| 68 <a href="examples/tutorials/getstarted/icon.png" | 68 <a href="examples/tutorials/getstarted/icon.png" |
| 69 >Download icon.png</a></td> | 69 >Download icon.png</a></td> |
| 70 </tr> | 70 </tr> |
| 71 </table> | 71 </table> |
| 72 </li> | 72 </li> |
| 73 <li id="load-ext"> Load the extension. | 73 <li id="load-ext"> Load the extension. |
| 74 <ol type="a"> | 74 <ol type="a"> |
| 75 <li> | 75 <li> |
| 76 Bring up the extensions management page | 76 Bring up the extensions management page |
| 77 by clicking the Tools menu | 77 by clicking the Tools menu |
| 78 <img src="images/toolsmenu.gif" width="43" height="34" alt="" | 78 <img src="images/toolsmenu.gif" width="43" height="34" alt="" |
| 79 align="absmiddle"> | 79 align="absmiddle" style="margin:0; padding:0">and |
| 80 and choosing <b>Extensions</b>. | 80 choosing <b>Extensions</b>. |
| 81 </li> | 81 </li> |
| 82 | 82 |
| 83 <li> | 83 <li> |
| 84 If <b>Developer mode</b> has a + by it, | 84 If <b>Developer mode</b> has a + by it, |
| 85 click the + to add developer information to the page. | 85 click the + to add developer information to the page. |
| 86 The + changes to a -, | 86 The + changes to a -, |
| 87 and more buttons and information appear. | 87 and more buttons and information appear. |
| 88 </li> | 88 </li> |
| 89 | 89 |
| 90 <li> | 90 <li> |
| (...skipping 90 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 181 </li> | 181 </li> |
| 182 <li> | 182 <li> |
| 183 Learn more about | 183 Learn more about |
| 184 <a href="browserAction.html">browser actions</a> | 184 <a href="browserAction.html">browser actions</a> |
| 185 </li> | 185 </li> |
| 186 <li> | 186 <li> |
| 187 Look at some | 187 Look at some |
| 188 <a href="samples.html">sample extensions</a> | 188 <a href="samples.html">sample extensions</a> |
| 189 </li> | 189 </li> |
| 190 </ul> | 190 </ul> |
| OLD | NEW |