OLD | NEW |
---|---|
(Empty) | |
1 <p> | |
Matt Perry
2013/08/01 18:46:51
This file should have been renamed to intros/infob
| |
2 The infobars API allows you to add a | |
3 horizontal panel just above a tab's contents, | |
4 as the following screenshot shows. | |
5 </p> | |
6 | |
7 <p> | |
8 <img src="{{static}}/images/infobar.png" | |
9 width="566" height="150" | |
10 alt="An infobar asking whether the user wants to translate the current page" / > | |
11 </p> | |
12 | |
13 <p> | |
14 Use an infobar to tell the reader | |
15 something about a particular page. | |
16 When the user leaves the page for which the infobar is displayed, | |
17 Google Chrome automatically closes the infobar. | |
18 </p> | |
19 | |
20 <p> | |
21 You implement the content of your | |
22 infobar using HTML. Because infobars are ordinary pages inside an extension, | |
23 they can | |
24 <a href="overview.html#pageComm">communicate with other extension pages</a>. | |
25 </p> | |
26 | |
27 | |
28 <h2 id="manifest">Manifest</h2> | |
29 | |
30 <p> | |
31 The infobars API is currently | |
32 experimental, so you must declare the "experimental" | |
33 permission to use it. Also, you should specify | |
34 a 16x16-pixel icon for display next to your infobar. | |
35 For example: | |
36 </p> | |
37 | |
38 <pre>{ | |
39 "name": "Andy's infobar extension", | |
40 "version": "1.0", | |
41 <b>"permissions": ["experimental"],</b> | |
42 <b>"icons": {</b> | |
43 <b>"16": "16.png"</b> | |
44 <b>},</b> | |
45 "background": { | |
46 "scripts": ["background.js"] | |
47 } | |
48 }</pre> | |
OLD | NEW |