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