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 144 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
155 </p> | 155 </p> |
156 | 156 |
157 <p> | 157 <p> |
158 To add a popup to your browser action, | 158 To add a popup to your browser action, |
159 create an HTML file with the popup's contents. | 159 create an HTML file with the popup's contents. |
160 Specify the HTML file in the <b>default_popup</b> field of <b>browser_action</b> | 160 Specify the HTML file in the <b>default_popup</b> field of <b>browser_action</b> |
161 in the <a href="#manifest">manifest</a>, or call the | 161 in the <a href="#manifest">manifest</a>, or call the |
162 <a href="#method-setPopup">setPopup()</a> method. | 162 <a href="#method-setPopup">setPopup()</a> method. |
163 </p> | 163 </p> |
164 | 164 |
165 <h2>Tips</h2> | 165 <h2 id="tips">Tips</h2> |
166 | 166 |
167 <p>For the best visual impact, | 167 <p>For the best visual impact, |
168 follow these guidelines:</p> | 168 follow these guidelines:</p> |
169 | 169 |
170 <ul> | 170 <ul> |
171 <li><b>Do</b> use browser actions for features | 171 <li><b>Do</b> use browser actions for features |
172 that make sense on most pages. | 172 that make sense on most pages. |
173 <li><b>Don't</b> use browser actions for features | 173 <li><b>Don't</b> use browser actions for features |
174 that make sense for only a few pages. | 174 that make sense for only a few pages. |
175 Use <a href="pageAction.html">page actions</a> instead. | 175 Use <a href="pageAction.html">page actions</a> instead. |
(...skipping 16 matching lines...) Expand all Loading... |
192 | 192 |
193 <h2 id="examples"> Examples </h2> | 193 <h2 id="examples"> Examples </h2> |
194 | 194 |
195 <p> | 195 <p> |
196 You can find simple examples of using browser actions in the | 196 You can find simple examples of using browser actions in the |
197 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> | 197 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension
s/docs/examples/api/browserAction/">examples/api/browserAction</a> |
198 directory. | 198 directory. |
199 For other examples and for help in viewing the source code, see | 199 For other examples and for help in viewing the source code, see |
200 <a href="samples.html">Samples</a>. | 200 <a href="samples.html">Samples</a>. |
201 </p> | 201 </p> |
OLD | NEW |