Index: chrome/common/extensions/docs/server2/templates/articles/overview.html |
=================================================================== |
--- chrome/common/extensions/docs/server2/templates/articles/overview.html (revision 150606) |
+++ chrome/common/extensions/docs/server2/templates/articles/overview.html (working copy) |
@@ -1,6 +1,6 @@ |
-<div id="pageData-name" class="pageData">Overview</div> |
-<div id="pageData-showTOC" class="pageData">true</div> |
+<h1>Overview</h1> |
+ |
<p> |
Once you've finished this page |
and the |
@@ -54,17 +54,17 @@ |
<table class="columns"> |
<tr> |
<td width="33%"> |
- <img src="../images/overview/browser-action.png" |
+ <img src="{{static}}/images/overview/browser-action.png" |
width="147" height="100" |
alt="screenshot" /> |
</td> |
<td width="33%"> |
- <img src="../images/overview/page-action.png" |
+ <img src="{{static}}/images/overview/page-action.png" |
width="147" height="100" |
alt="screenshot" /> |
</td> |
<td> |
- <img src="../images/overview/browser-action-with-popup.png" |
+ <img src="{{static}}/images/overview/browser-action-with-popup.png" |
width="147" height="100" |
alt="screenshot" /> |
</td> |
@@ -113,7 +113,7 @@ |
displays a Flash file within an HTML page. |
</p> |
-<img src="../images/overview/flash-app.png" |
+<img src="{{static}}/images/overview/flash-app.png" |
width="372" height="300" |
alt="screenshot" /> |
@@ -125,7 +125,7 @@ |
<h2 id="files">Files</h2> |
<p> |
Each extension has the following files: |
-<!-- PENDING: This could use a picture --> |
+ |
</p> |
<ul> |
@@ -273,7 +273,7 @@ |
the behavior of the browser action in both windows. |
</p> |
-<img src="../images/overview/arch-1.gif" |
+<img src="{{static}}/images/overview/arch-1.gif" |
width="232" height="168" |
alt="Two windows and a box representing a background page (background.html). One window has a yellow icon; the other has both a yellow icon and a blue icon. The yellow icons are connected to the background page." /> |
@@ -356,7 +356,7 @@ |
because the popup can invoke functions on the background page. |
</p> |
-<img src="../images/overview/arch-2.gif" |
+<img src="{{static}}/images/overview/arch-2.gif" |
width="256" height="168" |
alt="A browser window containing a browser action that's displaying a popup. The popup's HTML file (popup.html) can communicate with the extension's background page (background.html)." /> |
@@ -401,7 +401,7 @@ |
It cannot, however, modify the DOM of its parent extension's background page. |
</p> |
-<img src="../images/overview/arch-3.gif" |
+<img src="{{static}}/images/overview/arch-3.gif" |
width="238" height="169" |
alt="A browser window with a browser action (controlled by background.html) and a content script (controlled by contentscript.js)." /> |
@@ -415,12 +415,12 @@ |
asking a content script to change the appearance of its browser page. |
</p> |
-<img src="../images/overview/arch-cs.gif" |
+<img src="{{static}}/images/overview/arch-cs.gif" |
width="238" height="194" |
alt="Like the previous figure, but showing more of the parent extension's files, as well as a communication path between the content script and the parent extension." /> |
-<!-- [PENDING: Add overview of message passing.] --> |
+ |
<p> |
For more information, |
see <a href="content_scripts.html">Content Scripts</a>. |
@@ -565,7 +565,7 @@ |
<p> |
The HTML pages within an extension often need to communicate. |
-<!-- [PENDING: For example, ...] --> |
+ |
Because all of an extension's pages |
execute in same process on the same thread, |
the pages can make direct function calls to each other. |
@@ -582,9 +582,9 @@ |
and it can manipulate their DOMs. |
</p> |
-<!-- [PENDING: Here's an example of communication between xyz and the background page. (code example goes here)] --> |
+ |
<h2 id="incognito"> Saving data and incognito mode </h2> |
<p> |
@@ -658,4 +658,4 @@ |
such as |
<a href="http://www.youtube.com/watch?v=B4M_a7xejYI&feature=PlayList&p=CA101D6A85FE9D4B&index=6">Extension Message Passing</a> |
</li> |
-</ul> |
+</ul> |