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 |