| OLD | NEW |
| 1 <!DOCTYPE html><!-- This page is a placeholder for generated extensions api doc.
Note: | 1 <!DOCTYPE html><!-- This page is a placeholder for generated extensions api doc.
Note: |
| 2 1) The <head> information in this page is significant, should be uniform | 2 1) The <head> information in this page is significant, should be uniform |
| 3 across api docs and should be edited only with knowledge of the | 3 across api docs and should be edited only with knowledge of the |
| 4 templating mechanism. | 4 templating mechanism. |
| 5 3) All <body>.innerHTML is genereated as an rendering step. If viewed in a | 5 3) All <body>.innerHTML is genereated as an rendering step. If viewed in a |
| 6 browser, it will be re-generated from the template, json schema and | 6 browser, it will be re-generated from the template, json schema and |
| 7 authored overview content. | 7 authored overview content. |
| 8 4) The <body>.innerHTML is also generated by an offline step so that this | 8 4) The <body>.innerHTML is also generated by an offline step so that this |
| 9 page may easily be indexed by search engines. | 9 page may easily be indexed by search engines. |
| 10 --><html xmlns="http://www.w3.org/1999/xhtml"><head> | 10 --><html xmlns="http://www.w3.org/1999/xhtml"><head> |
| (...skipping 210 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 221 text-align:center; | 221 text-align:center; |
| 222 width:33%!important; | 222 width:33%!important; |
| 223 border:none; | 223 border:none; |
| 224 padding:1em; | 224 padding:1em; |
| 225 font-size:90%; | 225 font-size:90%; |
| 226 } | 226 } |
| 227 | 227 |
| 228 #pics img { | 228 #pics img { |
| 229 width:180px; | 229 width:180px; |
| 230 height:85px; | 230 height:85px; |
| 231 border:1px solid black; | 231 border:none; |
| 232 } | 232 } |
| 233 </style> | 233 </style> |
| 234 | 234 |
| 235 <div id="pageData-title" class="pageData">Google Chrome Extensions: Developer Do
cumentation</div> | 235 <div id="pageData-title" class="pageData">Google Chrome Extensions: Developer Do
cumentation</div> |
| 236 | 236 |
| 237 <h3>Hello There!</h3> | 237 <h3>Hello There!</h3> |
| 238 | 238 |
| 239 <p> | 239 <p> |
| 240 <em>Extensions</em> are small software programs | 240 <em>Extensions</em> are small software programs |
| 241 that can modify and enhance the functionality of Google Chrome. | 241 that can modify and enhance the functionality of Google Chrome. |
| 242 </p> | 242 </p> |
| 243 | 243 |
| 244 <p> | 244 <p> |
| 245 You write them using web technologies like | 245 You write them using web technologies like |
| 246 HTML, JavaScript, and CSS. | 246 HTML, JavaScript, and CSS. |
| 247 So if you know how to write web pages, | 247 So if you know how to write web pages, |
| 248 you already know most of what | 248 you already know most of what |
| 249 you need to know to write extensions. | 249 you need to know to write extensions. |
| 250 </p> | 250 </p> |
| 251 | 251 |
| 252 <p> | 252 <p> |
| 253 Here are some examples of what you can build with extensions: | 253 Here are some examples of what you can build with extensions: |
| 254 <span class="comment"> |
| 255 [PENDING: improve * actions screenshots, so there are fewer unnecessary |
| 256 differences between them.] |
| 257 </span> |
| 254 </p> | 258 </p> |
| 255 | 259 |
| 256 <table id="pics"> | 260 <table id="pics"> |
| 257 <tbody><tr> | 261 <tbody><tr> |
| 258 <td valign="top"> | 262 <td valign="top"> |
| 259 <b>Toolstrips</b><br> | 263 <b>Page actions</b><br> |
| 260 <a href="toolstrip.html"><img src="images/index/toolstrip.png"></a> | 264 <a href="pageAction.html"><img src="images/index/page_action.png" width="1
80"></a> |
| 261 <br> | 265 <br> |
| 262 Display small toolbars in Google Chrome's chrome | 266 Display small icons in the address bar, but only for specific pages |
| 263 </td> | 267 </td> |
| 264 <td valign="top"> | 268 <td valign="top"> |
| 265 <b>Page actions</b><br> | 269 <b>Browser actions</b><br> |
| 266 <a href="pageAction.html"><img src="images/index/page_action.png"></a> | 270 <a href="browserAction.html"><img src="images/index/browser_action.png" wi
dth="240"></a> |
| 267 <br> | 271 <br> |
| 268 Add buttons to the Omnibox that get displayed for specific pages | 272 Display small icons in the toolbar, |
| 273 optionally with a custom popup |
| 269 </td> | 274 </td> |
| 270 <td valign="top"> | 275 <td valign="top"> |
| 271 <b>Content scripts</b><br> | 276 <b>Content scripts</b><br> |
| 272 <a href="content_scripts.html"><img src="images/index/content_script.png">
</a> | 277 <a href="content_scripts.html"><img src="images/index/content_script.png"
width="180"></a> |
| 273 <br> | 278 <br> |
| 274 Modify the look and behavior of web pages | 279 Modify the look and behavior of web pages |
| 275 </td> | 280 </td> |
| 276 </tr> | 281 </tr> |
| 277 </tbody></table> | 282 </tbody></table> |
| 278 | 283 |
| 279 <p> | 284 <p> |
| 280 This website contains all the information | 285 This website contains all the information |
| 281 you need to build extensions. | 286 you need to build extensions. |
| 282 Start with one of these sections: | 287 Start with one of these sections: |
| (...skipping 194 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 477 urchinTracker(); | 482 urchinTracker(); |
| 478 } | 483 } |
| 479 catch(e) {/* urchinTracker not available. */} | 484 catch(e) {/* urchinTracker not available. */} |
| 480 </script> | 485 </script> |
| 481 <!-- end analytics --> | 486 <!-- end analytics --> |
| 482 | 487 |
| 483 </div> <!-- /pageFooter --> | 488 </div> <!-- /pageFooter --> |
| 484 </div> <!-- /container --> | 489 </div> <!-- /container --> |
| 485 </body></html> | 490 </body></html> |
| 486 | 491 |
| OLD | NEW |