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 |
(...skipping 115 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
126 </p> | 126 </p> |
127 | 127 |
128 <p> | 128 <p> |
129 To add a popup to your browser action, | 129 To add a popup to your browser action, |
130 create an HTML file with the popup's contents. | 130 create an HTML file with the popup's contents. |
131 Specify the HTML file in the <b>default_popup</b> field of <b>browser_action</b> | 131 Specify the HTML file in the <b>default_popup</b> field of <b>browser_action</b> |
132 in the <a href="#manifest">manifest</a>, or call the | 132 in the <a href="#manifest">manifest</a>, or call the |
133 <a href="#method-setPopup">setPopup()</a> method. | 133 <a href="#method-setPopup">setPopup()</a> method. |
134 </p> | 134 </p> |
135 | 135 |
136 <h2>Tips</h2> | 136 <h2 id="tips">Tips</h2> |
137 | 137 |
138 <p>For the best visual impact, | 138 <p>For the best visual impact, |
139 follow these guidelines:</p> | 139 follow these guidelines:</p> |
140 | 140 |
141 <ul> | 141 <ul> |
142 <li><b>Do</b> use browser actions for features | 142 <li><b>Do</b> use browser actions for features |
143 that make sense on most pages. | 143 that make sense on most pages. |
144 <li><b>Don't</b> use browser actions for features | 144 <li><b>Don't</b> use browser actions for features |
145 that make sense for only a few pages. | 145 that make sense for only a few pages. |
146 Use <a href="pageAction.html">page actions</a> instead. | 146 Use <a href="pageAction.html">page actions</a> instead. |
(...skipping 16 matching lines...) Expand all Loading... |
163 | 163 |
164 <h2 id="examples"> Examples </h2> | 164 <h2 id="examples"> Examples </h2> |
165 | 165 |
166 <p> | 166 <p> |
167 You can find simple examples of using browser actions in the | 167 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> | 168 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> |
169 directory. | 169 directory. |
170 For other examples and for help in viewing the source code, see | 170 For other examples and for help in viewing the source code, see |
171 <a href="samples.html">Samples</a>. | 171 <a href="samples.html">Samples</a>. |
172 </p> | 172 </p> |
OLD | NEW |