Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(452)

Side by Side Diff: chrome/common/extensions/docs/templates/intros/infobars.html

Issue 219213007: Remove .html extension from links (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 6 years, 7 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698