| OLD | NEW |
| 1 <div id="pageData-title" class="pageData">Browser Actions</div> | 1 <div id="pageData-title" class="pageData">Browser Actions</div> |
| 2 | 2 |
| 3 <!-- BEGIN AUTHORED CONTENT --> | 3 <!-- BEGIN AUTHORED CONTENT --> |
| 4 <p>Use browser actions to put icons | 4 <p>Use browser actions to put icons |
| 5 in the main Google Chrome toolbar, | 5 in the main Google Chrome toolbar, |
| 6 to the right of the address bar. | 6 to the right of the address bar. |
| 7 In addition to its <a href="#icon">icon</a>, | 7 In addition to its <a href="#icon">icon</a>, |
| 8 a browser action can also have | 8 a browser action can also have |
| 9 a <a href="#tooltip">tooltip</a>, | 9 a <a href="#tooltip">tooltip</a>, |
| 10 a <a href="#badge">badge</a>, | 10 a <a href="#badge">badge</a>, |
| (...skipping 23 matching lines...) Expand all Loading... |
| 34 | 34 |
| 35 <h2 id="manifest">Manifest</h2> | 35 <h2 id="manifest">Manifest</h2> |
| 36 | 36 |
| 37 <p> | 37 <p> |
| 38 Register your browser action in the | 38 Register your browser action in the |
| 39 <a href="manifest.html">extension manifest</a> | 39 <a href="manifest.html">extension manifest</a> |
| 40 like this: | 40 like this: |
| 41 </p> | 41 </p> |
| 42 | 42 |
| 43 <pre>"browser_action": { | 43 <pre>"browser_action": { |
| 44 "default_icon": "images/icon19.png", <em>// <b>required</b></em> |
| 44 "default_title": "Google Mail", <em>// optional; shown in tooltip</em> | 45 "default_title": "Google Mail", <em>// optional; shown in tooltip</em> |
| 45 "default_icon": "images/icon19.png", <em>// optional</em> | |
| 46 "popup": "popup.html" <em>// optional</em> | 46 "popup": "popup.html" <em>// optional</em> |
| 47 }</pre> | 47 }</pre> |
| 48 | 48 |
| 49 <p><b>Note:</b> Even if you don't include | |
| 50 any of the values, you must include an empty | |
| 51 <b>browser_action</b> entry in the manifest | |
| 52 so that the system reserves space | |
| 53 for your browser action in the toolbar.</p> | |
| 54 | |
| 55 <h2 id="ui">Parts of the UI</h2> | 49 <h2 id="ui">Parts of the UI</h2> |
| 56 | 50 |
| 57 <p> | 51 <p> |
| 58 A browser action must have an <a href="#icon">icon</a>. | 52 A browser action must have an <a href="#icon">icon</a>. |
| 59 It can also have | 53 It can also have |
| 60 a <a href="#tooltip">tooltip</a>, | 54 a <a href="#tooltip">tooltip</a>, |
| 61 a <a href="#badge">badge</a>, | 55 a <a href="#badge">badge</a>, |
| 62 and a <a href="#popup">popup</a>. | 56 and a <a href="#popup">popup</a>. |
| 63 </p> | 57 </p> |
| 64 | 58 |
| (...skipping 91 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 156 <li><b>Do</b> use alpha transparency | 150 <li><b>Do</b> use alpha transparency |
| 157 to add soft edges to your icon. | 151 to add soft edges to your icon. |
| 158 Because many people use themes, | 152 Because many people use themes, |
| 159 your icon should look nice | 153 your icon should look nice |
| 160 on a variety of background colors. | 154 on a variety of background colors. |
| 161 <li><b>Don't</b> constantly animate your icon. | 155 <li><b>Don't</b> constantly animate your icon. |
| 162 That's just annoying. | 156 That's just annoying. |
| 163 </ul> | 157 </ul> |
| 164 | 158 |
| 165 <!-- END AUTHORED CONTENT --> | 159 <!-- END AUTHORED CONTENT --> |
| OLD | NEW |