| OLD | NEW |
| 1 <div id="pageData-title" class="pageData">Content Scripts</div> | 1 <div id="pageData-title" class="pageData">Content Scripts</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 Content scripts are JavaScript files that run in the context of web pages. | 5 Content scripts are JavaScript files that run in the context of web pages. |
| 6 By using the standard | 6 By using the standard |
| 7 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/">Document | 7 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/">Document |
| 8 Object Model</a> (DOM), | 8 Object Model</a> (DOM), |
| 9 they can read details of the web pages the browser visits, | 9 they can read details of the web pages the browser visits, |
| 10 or make changes to them. | 10 or make changes to them. |
| (...skipping 22 matching lines...) Expand all Loading... |
| 33 </li> | 33 </li> |
| 34 <li> | 34 <li> |
| 35 Use variables or functions defined by their extension's pages | 35 Use variables or functions defined by their extension's pages |
| 36 </li> | 36 </li> |
| 37 <li> | 37 <li> |
| 38 Use variables or functions defined by web pages or by other content scripts | 38 Use variables or functions defined by web pages or by other content scripts |
| 39 </li> | 39 </li> |
| 40 <li> | 40 <li> |
| 41 Make cross-site XMLHttpRequests | 41 Make cross-site XMLHttpRequests |
| 42 </li> | 42 </li> |
| 43 <li> |
| 44 Execute on file:// urls. |
| 45 </li> |
| 43 </ul> | 46 </ul> |
| 44 | 47 |
| 45 <p> | 48 <p> |
| 46 These limitations aren't as bad as they sound. | 49 These limitations aren't as bad as they sound. |
| 47 Content scripts can <em>indirectly</em> use the chrome.* APIs, | 50 Content scripts can <em>indirectly</em> use the chrome.* APIs, |
| 48 get access to extension data, | 51 get access to extension data, |
| 49 and request extension actions | 52 and request extension actions |
| 50 by exchanging <a href="messaging.html">messages</a> | 53 by exchanging <a href="messaging.html">messages</a> |
| 51 with their parent extension. | 54 with their parent extension. |
| 52 Content scripts can also | 55 Content scripts can also |
| (...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 249 just like you would any other URL, | 252 just like you would any other URL, |
| 250 as the following code shows. | 253 as the following code shows. |
| 251 </p> | 254 </p> |
| 252 | 255 |
| 253 | 256 |
| 254 <pre> | 257 <pre> |
| 255 <em>//Code for displaying <extensionDir>/images/myimage.png:</em> | 258 <em>//Code for displaying <extensionDir>/images/myimage.png:</em> |
| 256 var imgURL = <b>chrome.extension.getURL("images/myimage.png")</b>; | 259 var imgURL = <b>chrome.extension.getURL("images/myimage.png")</b>; |
| 257 document.getElementById("someImage").src = imgURL; | 260 document.getElementById("someImage").src = imgURL; |
| 258 </pre> | 261 </pre> |
| OLD | NEW |