| 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 235 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 246 <pre><div class="toolstrip-button"> | 246 <pre><div class="toolstrip-button"> |
| 247 <!-- Image is optional and should be a 16x16 icon. --> | 247 <!-- Image is optional and should be a 16x16 icon. --> |
| 248 <img src="<em>path/to/some_icon.png</em>"> | 248 <img src="<em>path/to/some_icon.png</em>"> |
| 249 <span>My Button</span> | 249 <span>My Button</span> |
| 250 </div></pre> | 250 </div></pre> |
| 251 | 251 |
| 252 | 252 |
| 253 <a name="H2-2"></a><h2>Debugging tips</h2> | 253 <a name="H2-2"></a><h2>Debugging tips</h2> |
| 254 | 254 |
| 255 <ul> | 255 <ul> |
| 256 <li>You can right click on a toolstrip to get a web inspector.</li> | 256 <li>You can bring up the web inspector for a toolstrip by going to chrome://exte
nsions and clicking on the 'inspect' link. This includes a javascript console a
s well as a debugger.</li> |
| 257 <li>alert(), prompt(), and confirm() don't work yet. Sorry about that.</li> | 257 <li>alert(), prompt(), and confirm() don't work yet. Sorry about that.</li> |
| 258 <li>You can run toolstrips in the main content area by loading their URL, which
would be something like chrome-extension://0000000000000000000000000000000000000
000/my_toolstrip.html</li> | 258 <li>You can run toolstrips in the main content area by loading their URL, which
would be something like chrome-extension://0000000000000000000000000000000000000
000/my_toolstrip.html</li> |
| 259 </ul> | 259 </ul> |
| 260 | 260 |
| 261 <a name="H2-3"></a><h2>Design tips</h2> | 261 <a name="H2-3"></a><h2>Design tips</h2> |
| 262 | 262 |
| 263 <ul> | 263 <ul> |
| 264 <li>Try not to use too much space. Toolbar real estate is precious and users ten
d to prefer extensions to use as little of it as possible.</li> | 264 <li>Try not to use too much space. Toolbar real estate is precious and users ten
d to prefer extensions to use as little of it as possible.</li> |
| 265 <li>The toolbar automatically detects how much space a toolstrip needs and reflo
ws. So you can resize your toolstrip dynamically if you need a little more room
temporarily.</li> | 265 <li>The toolbar automatically detects how much space a toolstrip needs and reflo
ws. So you can resize your toolstrip dynamically if you need a little more room
temporarily.</li> |
| 266 <li>If you need to do more extensive UI, use the tab contents area or a pop up w
indow.</li> | 266 <li>If you need to do more extensive UI, use the tab contents area or a pop up w
indow.</li> |
| (...skipping 516 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 783 urchinTracker(); | 783 urchinTracker(); |
| 784 } | 784 } |
| 785 catch(e) {/* urchinTracker not available. */} | 785 catch(e) {/* urchinTracker not available. */} |
| 786 </script> | 786 </script> |
| 787 <!-- end analytics --> | 787 <!-- end analytics --> |
| 788 | 788 |
| 789 </div> <!-- /pageFooter --> | 789 </div> <!-- /pageFooter --> |
| 790 </div> <!-- /container --> | 790 </div> <!-- /container --> |
| 791 </body></html> | 791 </body></html> |
| 792 | 792 |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 270004:
Fix debugging tip in toolstrip docs. (Closed)
