OLD | NEW |
1 <p> | 1 <p> |
2 The infobars API allows you to add a | 2 The infobars API allows you to add a |
3 horizontal panel just above a tab's contents, | 3 horizontal panel just above a tab's contents, |
4 as the following screenshot shows. | 4 as the following screenshot shows. |
5 </p> | 5 </p> |
6 | 6 |
7 <p> | 7 <p> |
8 <img src="{{static}}/images/infobar.png" | 8 <img src="{{static}}/images/infobar.png" |
9 width="566" height="150" | 9 width="566" height="150" |
10 alt="An infobar asking whether the user wants to translate the current page" /
> | 10 alt="An infobar asking whether the user wants to translate the current page" /
> |
(...skipping 10 matching lines...) Expand all Loading... |
21 You implement the content of your | 21 You implement the content of your |
22 infobar using HTML. Because infobars are ordinary pages inside an extension, | 22 infobar using HTML. Because infobars are ordinary pages inside an extension, |
23 they can | 23 they can |
24 <a href="overview.html#pageComm">communicate with other extension pages</a>. | 24 <a href="overview.html#pageComm">communicate with other extension pages</a>. |
25 </p> | 25 </p> |
26 | 26 |
27 | 27 |
28 <h2 id="manifest">Manifest</h2> | 28 <h2 id="manifest">Manifest</h2> |
29 | 29 |
30 <p> | 30 <p> |
31 The infobars API is currently | 31 The infobars API is avaiable under "infobars" |
32 experimental, so you must declare the "experimental" | 32 permission and dev channel only. Also, you should specify |
33 permission to use it. Also, you should specify | |
34 a 16x16-pixel icon for display next to your infobar. | 33 a 16x16-pixel icon for display next to your infobar. |
35 For example: | 34 For example: |
36 </p> | 35 </p> |
37 | 36 |
38 <pre>{ | 37 <pre>{ |
39 "name": "Andy's infobar extension", | 38 "name": "Andy's infobar extension", |
40 "version": "1.0", | 39 "version": "1.0", |
41 <b>"permissions": ["experimental"],</b> | 40 <b>"permissions": ["infobars"],</b> |
42 <b>"icons": {</b> | 41 <b>"icons": {</b> |
43 <b>"16": "16.png"</b> | 42 <b>"16": "16.png"</b> |
44 <b>},</b> | 43 <b>},</b> |
45 "background": { | 44 "background": { |
46 "scripts": ["background.js"] | 45 "scripts": ["background.js"] |
47 } | 46 } |
48 }</pre> | 47 }</pre> |
OLD | NEW |