| 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 |