| OLD | NEW |
| 1 <p>Use browser actions to put icons | 1 <p>Use browser actions to put icons |
| 2 in the main Google Chrome toolbar, | 2 in the main Google Chrome toolbar, |
| 3 to the right of the address bar. | 3 to the right of the address bar. |
| 4 In addition to its <a href="#icon">icon</a>, | 4 In addition to its <a href="#icon">icon</a>, |
| 5 a browser action can also have | 5 a browser action can also have |
| 6 a <a href="#tooltip">tooltip</a>, | 6 a <a href="#tooltip">tooltip</a>, |
| 7 a <a href="#badge">badge</a>, | 7 a <a href="#badge">badge</a>, |
| 8 and a <a href="#popups">popup</a>. | 8 and a <a href="#popups">popup</a>. |
| 9 </p> | 9 </p> |
| 10 | 10 |
| 11 <p> | 11 <p> |
| 12 In the following figure, | 12 In the following figure, |
| 13 the multicolored square | 13 the multicolored square |
| 14 to the right of the address bar | 14 to the right of the address bar |
| 15 is the icon for a browser action. | 15 is the icon for a browser action. |
| 16 A popup is below the icon. | 16 A popup is below the icon. |
| 17 </p> | 17 </p> |
| 18 | 18 |
| 19 <img src="{{static}}/images/browser-action.png" | 19 <img src="{{static}}/images/browser-action.png" |
| 20 width="363" height="226" /> | 20 width="363" height="226" /> |
| 21 | 21 |
| 22 <p> | 22 <p> |
| 23 If you want to create an icon that isn't always visible, | 23 If you want to create an icon that isn't always visible, |
| 24 use a <a href="pageAction.html">page action</a> | 24 use a <a href="pageAction.html">page action</a> |
| 25 instead of a browser action. | 25 instead of a browser action. |
| 26 </p> | 26 </p> |
| 27 | 27 |
| 28 <p class="caution"> | |
| 29 <strong>Note:</strong> | |
| 30 Packaged apps cannot use browser actions. | |
| 31 </p> | |
| 32 | |
| 33 | |
| 34 | |
| 35 <h2 id="manifest">Manifest</h2> | 28 <h2 id="manifest">Manifest</h2> |
| 36 | 29 |
| 37 <p> | 30 <p> |
| 38 Register your browser action in the | 31 Register your browser action in the |
| 39 <a href="manifest.html">extension manifest</a> | 32 <a href="manifest.html">extension manifest</a> |
| 40 like this: | 33 like this: |
| 41 </p> | 34 </p> |
| 42 | 35 |
| 43 <pre>{ | 36 <pre>{ |
| 44 "name": "My extension", | 37 "name": "My extension", |
| (...skipping 118 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 163 | 156 |
| 164 <h2 id="examples"> Examples </h2> | 157 <h2 id="examples"> Examples </h2> |
| 165 | 158 |
| 166 <p> | 159 <p> |
| 167 You can find simple examples of using browser actions in the | 160 You can find simple examples of using browser actions in the |
| 168 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> | 161 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> |
| 169 directory. | 162 directory. |
| 170 For other examples and for help in viewing the source code, see | 163 For other examples and for help in viewing the source code, see |
| 171 <a href="samples.html">Samples</a>. | 164 <a href="samples.html">Samples</a>. |
| 172 </p> | 165 </p> |
| OLD | NEW |