Index: chrome/common/extensions/docs/static/experimental.devtools.inspectedWindow.html |
=================================================================== |
--- chrome/common/extensions/docs/static/experimental.devtools.inspectedWindow.html (revision 109300) |
+++ chrome/common/extensions/docs/static/experimental.devtools.inspectedWindow.html (working copy) |
@@ -2,35 +2,53 @@ |
>chrome.experimental.devtools.inspectedWindow.* APIs</div> |
<p> |
-Use <code>chrome.experimental.devtools.inspectedWindow</code> to interact with |
-the inspected window: obtain tab ID for the inspected page, evaluate the code |
-in the context of inspected window, reload the page. |
+Use <code>chrome.experimental.devtools.inspectedWindow</code> |
+to interact with the inspected window: |
+obtain the tab ID for the inspected page, |
+evaluate the code in the context of inspected window, |
+reload the page, |
+or obtain the list of resources within the page. |
</p><p> |
See <a href="experimental.devtools.html">DevTools APIs summary</a> for |
general introduction to using Developer Tools APIs. |
</p> |
-<h2>Notes</h2> |
+<h2>Overview</h2> |
<p> |
-The <a href="#property-tabId"><code>tabId</code></a> property |
-provides tab identifier that may be used with the <a href="tabs.html"> |
-<code>chrome.tabs.*</code></a> API calls. |
+The <a href="#property-tabId"><code>tabId</code></a> property |
+provides the tab identifier that you can use with the |
+<a href="tabs.html"><code>chrome.tabs.*</code></a> API calls. |
However, please note that <code>chrome.tabs.*</code> API is not |
exposed to the Developer Tools extension pages due to security considerations |
— you will need to pass the tab ID to the background page and invoke |
the <code>chrome.tabs.*</code> API functions from there. |
-</p></p> |
+</p> |
+<p> |
The <code>eval()</code> method provides the ability for extensions to execute |
JavaScript code in the context of the main frame of the inspected page. |
-This method is different from |
-<code>chrome.tabs.executeScript()</code> in the following aspects: |
+This method is powerful when used in the right context |
+and dangerous when used inappropriately. |
+Use the <code>chrome.tabs.executeScript()</code> method |
+unless you need the specific functionality |
+that the <code>eval()</code> method provides. |
+</p> |
+<p>Here are the main differences between the |
+<code>eval()</code> and <code>chrome.tabs.executeScript()</code> methods: |
</p><ul> |
<li>The <code>eval()</code> method does not |
use an isolated world for the code being evaluated, so the JavaScript state |
of the inspected window is accessible to the code. |
+Use this method when access to the JavaScript state of the inspected page |
+is required. |
</li><li> |
+The execution context of the code being evaluated includes the |
+<a href="http://code.google.com/chrome/devtools/docs/console.html">Developer |
+Tools console API</a>. |
+For example, |
+the code can use <code>inspect()</code> and <code>$0</code>. |
+</li><li> |
The evaluated code may return a value that is passed to the extension callback. |
-The returned value has to be a valid JSON object (i.e. may contain only |
+The returned value has to be a valid JSON object (it may contain only |
primitive JavaScript types and acyclic references to other JSON |
objects). |
@@ -38,12 +56,7 @@ |
inspected page — the execution context is essentially controlled by the |
inspected page; a malicious page may affect the data being returned to the |
extension.</em> |
-</li><li> |
-The execution context of the code being evaluated includes the |
-<a href="http://code.google.com/chrome/devtools/docs/console.html">Developer |
-Tools console API</a> (e.g. <code>inspect()</code>, <code>$0</code> etc). |
-</li> |
-</ul> |
+</li></ul> |
<p class="caution"> |
<strong>Important:</strong> |
Due to the security considerations explained above, the |
@@ -62,7 +75,7 @@ |
etc) within the inspected page. The <code>getContent()</code> and <code |
>setContent()</code> methods of the <code>Resource</code> class along with the |
<code>onResourceContentCommitted</code> event may be used to support |
-modification of the resource content, e.g. by an external editor. |
+modification of the resource content, for example, by an external editor. |
</p> |
<h2 id="overview-examples">Examples</h2> |