| Index: chrome/common/extensions/docs/templates/intros/browserAction.html
|
| diff --git a/chrome/common/extensions/docs/templates/intros/browserAction.html b/chrome/common/extensions/docs/templates/intros/browserAction.html
|
| index d4c7476825997882d33b00b2a8d6d040554c960f..c414c963a74bcdf15a79ea3be2ed43fc056d83a9 100644
|
| --- a/chrome/common/extensions/docs/templates/intros/browserAction.html
|
| +++ b/chrome/common/extensions/docs/templates/intros/browserAction.html
|
| @@ -44,13 +44,34 @@ like this:
|
| "name": "My extension",
|
| ...
|
| <b>"browser_action": {
|
| - "default_icon": "images/icon19.png", <em>// optional</em>
|
| + "default_icon": { <em>// optional</em>
|
| + "19": "images/icon19.png", <em>// optional</em>
|
| + "38": "images/icon38.png" <em>// optional</em>
|
| + },
|
| "default_title": "Google Mail", <em>// optional; shown in tooltip</em>
|
| "default_popup": "popup.html" <em>// optional</em>
|
| }</b>,
|
| ...
|
| }</pre>
|
|
|
| +<p>
|
| +If you only provide one of the 19px or 38px icon size, the extension system will
|
| +scale the icon you provide to the pixel density of the user's display, which
|
| +can lose detail or make it look fuzzy. The old syntax for registering the
|
| +default icon is still supported:
|
| +</p>
|
| +
|
| +<pre>{
|
| + "name": "My extension",
|
| + ...
|
| + <b>"browser_action": {
|
| + ...
|
| + "default_icon": "images/icon19.png" <em>// optional</em>
|
| + <em>// equivalent to "default_icon": { "19": "images/icon19.png" }</em>
|
| + }</b>,
|
| + ...
|
| +}</pre>
|
| +
|
| <h2 id="ui">Parts of the UI</h2>
|
|
|
| <p>
|
| @@ -62,9 +83,9 @@ and a <a href="#popups">popup</a>.
|
|
|
| <h3 id="icon">Icon</h3>
|
|
|
| -<p>Browser action icons can be up to 19 pixels wide and high.
|
| - Larger icons are resized to fit, but for best results,
|
| - use a 19-pixel square icon.</p>
|
| +<p>Browser action icons can be up to 19 dips (device-independent pixels)
|
| + wide and high. Larger icons are resized to fit, but for best results,
|
| + use a 19-dip square icon.</p>
|
|
|
| <p>You can set the icon in two ways:
|
| using a static image or using the
|
| @@ -80,10 +101,18 @@ and a <a href="#popups">popup</a>.
|
| </p>
|
|
|
| <p>To set the icon,
|
| -use the <b>default_icon</b> field of <b>browser_action</b>
|
| -in the <a href="#manifest">manifest</a>,
|
| -or call the <a href="#method-setIcon">setIcon()</a> method.
|
| + use the <b>default_icon</b> field of <b>browser_action</b>
|
| + in the <a href="#manifest">manifest</a>,
|
| + or call the <a href="#method-setIcon">setIcon()</a> method.
|
| + </p>
|
|
|
| +<p>To properly display icon when screen pixel density (ratio
|
| + <code>size_in_pixel / size_in_dip</code>) is different than 1,
|
| + the icon can be defined as set of images with different sizes.
|
| + The actual image to display will be selected from the set to
|
| + best fit the pixel size of 19 dip icon.
|
| + At the moment, the icon set can contain images with pixel sizes 19 and 38.
|
| + </p>
|
|
|
| <h3 id="tooltip">Tooltip</h3>
|
|
|
| @@ -169,4 +198,4 @@ You can find simple examples of using browser actions in the
|
| directory.
|
| For other examples and for help in viewing the source code, see
|
| <a href="samples.html">Samples</a>.
|
| -</p>
|
| +</p>
|
|
|