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