| 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="722" height="150" | 9 width="722" 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" /
> |
| 11 </p> | 11 </p> |
| 12 | 12 |
| 13 <p> | 13 <p> |
| 14 Use an infobar to tell the reader | 14 Use an infobar to tell the reader |
| 15 something about a particular page. | 15 something about a particular page. |
| 16 When the user leaves the page for which the infobar is displayed, | 16 When the user leaves the page for which the infobar is displayed, |
| 17 Google Chrome automatically closes the infobar. | 17 Google Chrome automatically closes the infobar. |
| 18 </p> | 18 </p> |
| 19 | 19 |
| 20 <p> | 20 <p> |
| 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#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 avaiable under "infobars" | 31 The infobars API is avaiable under "infobars" |
| 32 permission and dev channel only. Also, you should specify | 32 permission and dev channel only. Also, you should specify |
| 33 a 16x16-pixel icon for display next to your infobar. | 33 a 16x16-pixel icon for display next to your infobar. |
| 34 For example: | 34 For example: |
| 35 </p> | 35 </p> |
| 36 | 36 |
| 37 <pre data-filename="manifest.json"> | 37 <pre data-filename="manifest.json"> |
| 38 { | 38 { |
| 39 "name": "Andy's infobar extension", | 39 "name": "Andy's infobar extension", |
| 40 "version": "1.0", | 40 "version": "1.0", |
| 41 <b>"permissions": ["infobars"],</b> | 41 <b>"permissions": ["infobars"],</b> |
| 42 <b>"icons": {</b> | 42 <b>"icons": {</b> |
| 43 <b>"16": "16.png"</b> | 43 <b>"16": "16.png"</b> |
| 44 <b>},</b> | 44 <b>},</b> |
| 45 "background": { | 45 "background": { |
| 46 "scripts": ["background.js"] | 46 "scripts": ["background.js"] |
| 47 } | 47 } |
| 48 } | 48 } |
| 49 </pre> | 49 </pre> |
| OLD | NEW |