| OLD | NEW |
| 1 <div id="pageData-title" class="pageData">Page Actions</div> | 1 <div id="pageData-title" class="pageData">Page Actions</div> |
| 2 | 2 |
| 3 <!-- BEGIN AUTHORED CONTENT --> | 3 <!-- BEGIN AUTHORED CONTENT --> |
| 4 <p> | 4 <p> |
| 5 Use page actions to put icons inside the address bar. | 5 Use page actions to put icons inside the address bar. |
| 6 Page actions represent actions | 6 Page actions represent actions |
| 7 that can be taken on the current page, | 7 that can be taken on the current page, |
| 8 but that aren't applicable to all pages. | 8 but that aren't applicable to all pages. |
| 9 Some examples: | 9 Some examples: |
| 10 </p> | 10 </p> |
| (...skipping 20 matching lines...) Expand all Loading... |
| 31 | 31 |
| 32 <h2 id="manifest">Manifest</h2> | 32 <h2 id="manifest">Manifest</h2> |
| 33 | 33 |
| 34 <p> | 34 <p> |
| 35 Register your page action in the | 35 Register your page action in the |
| 36 <a href="manifest.html">extension manifest</a> | 36 <a href="manifest.html">extension manifest</a> |
| 37 like this: | 37 like this: |
| 38 </p> | 38 </p> |
| 39 | 39 |
| 40 <pre>"page_action": { | 40 <pre>"page_action": { |
| 41 "default_icon": "icons/foo.png", <em>// <b>required</b></em> |
| 41 "default_title": "Do action", <em>// optional; shown in tooltip</em> | 42 "default_title": "Do action", <em>// optional; shown in tooltip</em> |
| 42 "default_icon": "icons/foo.png", <em>// optional</em> | |
| 43 "popup": "popup.html" <em>// optional</em> | 43 "popup": "popup.html" <em>// optional</em> |
| 44 }</pre> | 44 }</pre> |
| 45 | 45 |
| 46 <p><b>Note:</b> Even if you don't include | |
| 47 any of the values, | |
| 48 you must include an empty <b>page_action</b> entry | |
| 49 in your manifest so that the system | |
| 50 reserves a slot for your page action | |
| 51 in the address bar.</p> | |
| 52 | |
| 53 <p> | |
| 54 Set "default_icon" if at all possible. | |
| 55 Users see the default icon when they install your extension, | |
| 56 which helps them know what to look for when your page action | |
| 57 is active for a given page.</p> | |
| 58 | |
| 59 <h2 id="ui">Parts of the UI</h2> | 46 <h2 id="ui">Parts of the UI</h2> |
| 60 | 47 |
| 61 <p> | 48 <p> |
| 62 Like browser actions, | 49 Like browser actions, |
| 63 page actions have an icon and | 50 page actions have an icon and |
| 64 can also have a tooltip and popup; | 51 can also have a tooltip and popup; |
| 65 they can't have badges, however. | 52 they can't have badges, however. |
| 66 In addition, page actions can appear and disappear. | 53 In addition, page actions can appear and disappear. |
| 67 You can find information about icons, tooltips, and popups | 54 You can find information about icons, tooltips, and popups |
| 68 by reading about the | 55 by reading about the |
| (...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 112 in the location bar | 99 in the location bar |
| 113 are smaller than 19 pixels. | 100 are smaller than 19 pixels. |
| 114 If the edge pixels are used, | 101 If the edge pixels are used, |
| 115 they are usually only used | 102 they are usually only used |
| 116 for a faint shadow. | 103 for a faint shadow. |
| 117 <li><b>Don't</b> constantly animate your icon. | 104 <li><b>Don't</b> constantly animate your icon. |
| 118 That's just annoying. | 105 That's just annoying. |
| 119 </ul> | 106 </ul> |
| 120 | 107 |
| 121 <!-- END AUTHORED CONTENT --> | 108 <!-- END AUTHORED CONTENT --> |
| OLD | NEW |