OLD | NEW |
1 <div id="pageData-title" class="pageData">Overview</div> | 1 <div id="pageData-title" class="pageData">Overview</div> |
2 <div id="pageData-showTOC" class="pageData">true</div> | 2 <div id="pageData-showTOC" class="pageData">true</div> |
3 | 3 |
4 <p> | 4 <p> |
5 Please read this page; | 5 Please read this page; |
6 it has vital information about the extension architecture. | 6 it has vital information about the extension architecture. |
7 If you get bored or restless, | 7 If you get bored or restless, |
8 take a break! | 8 take a break! |
9 We suggest bouncing between this page | 9 We suggest bouncing between this page |
10 and tutorials | 10 and tutorials |
(...skipping 61 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
72 <h3>Referring to files</h3> | 72 <h3>Referring to files</h3> |
73 | 73 |
74 <p> | 74 <p> |
75 You can put any file you like into an extension, | 75 You can put any file you like into an extension, |
76 but how do you use it? | 76 but how do you use it? |
77 Usually, | 77 Usually, |
78 you can refer to the file using a relative URL, | 78 you can refer to the file using a relative URL, |
79 just as you would in an ordinary HTML page. | 79 just as you would in an ordinary HTML page. |
80 Here's an example of referring to | 80 Here's an example of referring to |
81 a file named <code>myimage.png</code> | 81 a file named <code>myimage.png</code> |
82 that's in a subdirectory named <code>images</code>. | 82 that's in a subfolder named <code>images</code>. |
83 </p> | 83 </p> |
84 | 84 |
85 <pre> | 85 <pre> |
86 <img <b>src="images/myimage.png"</b> style="width:auto; height:auto"> | 86 <img <b>src="images/myimage.png"</b> style="width:auto; height:auto"> |
87 </pre> | 87 </pre> |
88 | 88 |
89 <p> | 89 <p> |
90 As you might notice while you use the Google Chrome debugger, | 90 As you might notice while you use the Google Chrome debugger, |
91 every file in an extension is also accessible by an absolute URL like this: | 91 every file in an extension is also accessible by an absolute URL like this: |
92 </p> | 92 </p> |
93 | 93 |
94 <blockquote> | 94 <blockquote> |
95 <b>chrome-extension://</b><em><extensionID></em><b>/</b><em><pathToFile></
em> | 95 <b>chrome-extension://</b><em><extensionID></em><b>/</b><em><pathToFile></
em> |
96 </blockquote> | 96 </blockquote> |
97 | 97 |
98 <p> | 98 <p> |
99 In that URL, the <em><extensionID></em> is a unique identifier | 99 In that URL, the <em><extensionID></em> is a unique identifier |
100 that the extension system generates for each extension. | 100 that the extension system generates for each extension. |
101 You can see the IDs for all your loaded extensions | 101 You can see the IDs for all your loaded extensions |
102 by going to the URL <b>chrome://extensions/</b>. | 102 by going to the URL <b>chrome://extensions/</b>. |
103 The <em><pathToFile></em> is the location of the file | 103 The <em><pathToFile></em> is the location of the file |
104 under the extension's top directory; | 104 under the extension's top folder; |
105 it's the same as the relative URL. | 105 it's the same as the relative URL. |
106 </p> | 106 </p> |
107 | 107 |
108 <p> | 108 <p> |
109 For example, assume your extension has | 109 For example, assume your extension has |
110 the ID <b>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</b> | 110 the ID <b>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</b> |
111 and the files shown in the following figure: | 111 and the files shown in the following figure: |
112 </p> | 112 </p> |
113 | 113 |
114 <pre> | 114 <pre> |
(...skipping 255 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
370 <h2> Summary </h2> | 370 <h2> Summary </h2> |
371 | 371 |
372 <p class="tbd"> | 372 <p class="tbd"> |
373 [ | 373 [ |
374 PENDING: summarize, suggest where to go next. Probably: | 374 PENDING: summarize, suggest where to go next. Probably: |
375 <a href="getstarted.html">Getting Started</a>, | 375 <a href="getstarted.html">Getting Started</a>, |
376 <a href="tut_debugging.html">Debugging</a>, | 376 <a href="tut_debugging.html">Debugging</a>, |
377 <a href="devguide.html">Developer's Guide</a>. | 377 <a href="devguide.html">Developer's Guide</a>. |
378 ] | 378 ] |
379 </p> | 379 </p> |
OLD | NEW |