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 153 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
164 <li><b>Do</b> use browser actions for features | 164 <li><b>Do</b> use browser actions for features |
165 that make sense on most pages. | 165 that make sense on most pages. |
166 <li><b>Don't</b> use browser actions for features | 166 <li><b>Don't</b> use browser actions for features |
167 that make sense for only a few pages. | 167 that make sense for only a few pages. |
168 Use <a href="pageAction.html">page actions</a> instead. | 168 Use <a href="pageAction.html">page actions</a> instead. |
169 <li><b>Do</b> use big, colorful icons that make the most of | 169 <li><b>Do</b> use big, colorful icons that make the most of |
170 the 19x19-pixel space. | 170 the 19x19-pixel space. |
171 Browser action icons should seem a little bigger | 171 Browser action icons should seem a little bigger |
172 and heavier than page action icons. | 172 and heavier than page action icons. |
173 <li><b>Don't</b> attempt to mimic | 173 <li><b>Don't</b> attempt to mimic |
174 Google Chrome's monochrome "wrench" icon. | 174 Google Chrome's monochrome Chrome menu icon. |
not at google - send to devlin
2013/02/11 14:06:46
just "menu"
方觉(Fang Jue)
2013/02/12 03:27:14
Done.
| |
175 That doesn't work well with themes, and anyway, | 175 That doesn't work well with themes, and anyway, |
176 extensions should stand out a little. | 176 extensions should stand out a little. |
177 <li><b>Do</b> use alpha transparency | 177 <li><b>Do</b> use alpha transparency |
178 to add soft edges to your icon. | 178 to add soft edges to your icon. |
179 Because many people use themes, | 179 Because many people use themes, |
180 your icon should look nice | 180 your icon should look nice |
181 on a variety of background colors. | 181 on a variety of background colors. |
182 <li><b>Don't</b> constantly animate your icon. | 182 <li><b>Don't</b> constantly animate your icon. |
183 That's just annoying. | 183 That's just annoying. |
184 </ul> | 184 </ul> |
185 | 185 |
186 <h2 id="examples"> Examples </h2> | 186 <h2 id="examples"> Examples </h2> |
187 | 187 |
188 <p> | 188 <p> |
189 You can find simple examples of using browser actions in the | 189 You can find simple examples of using browser actions in the |
190 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension s/docs/examples/api/browserAction/">examples/api/browserAction</a> | 190 <a href="http://src.chromium.org/viewvc/chrome/trunk/src/chrome/common/extension s/docs/examples/api/browserAction/">examples/api/browserAction</a> |
191 directory. | 191 directory. |
192 For other examples and for help in viewing the source code, see | 192 For other examples and for help in viewing the source code, see |
193 <a href="samples.html">Samples</a>. | 193 <a href="samples.html">Samples</a>. |
194 </p> | 194 </p> |
OLD | NEW |