Index: chrome/common/extensions/docs/server2/templates/articles/tut_debugging.html |
=================================================================== |
--- chrome/common/extensions/docs/server2/templates/articles/tut_debugging.html (revision 150606) |
+++ chrome/common/extensions/docs/server2/templates/articles/tut_debugging.html (working copy) |
@@ -1,6 +1,6 @@ |
-<div id="pageData-name" class="pageData">Tutorial: Debugging</div> |
-<div id="pageData-showTOC" class="pageData">true</div> |
+<h1>Tutorial: Debugging</h1> |
+ |
<p> |
This tutorial introduces you to using |
Google Chrome's built-in Developer Tools |
@@ -81,7 +81,7 @@ |
for <b>popup.html</b>. |
<p> |
- <img src="../images/devtools-1.gif" alt="" |
+ <img src="{{static}}/images/devtools-1.gif" alt="" |
width="500" height="294" /> |
</p> |
The popup remains open as long as the Developer Tools window does. |
@@ -89,11 +89,11 @@ |
<li> |
If the <strong>Scripts</strong> button isn't already selected, |
click it. |
- <!-- [PENDING: can we omit this step?] --> |
+ |
</li> |
<li> |
Click the console button |
- <img src="../images/console-button.gif" |
+ <img src="{{static}}/images/console-button.gif" |
style="margin:0; padding:0" align="absmiddle" |
width="26" height="22" alt="" />(second |
from left, |
@@ -117,7 +117,7 @@ |
and clicking the number of the line where it occurs |
(for example, <strong>37</strong>): |
<p> |
- <img src="../images/devtools-2.gif" alt="" |
+ <img src="{{static}}/images/devtools-2.gif" alt="" |
width="500" height="294" /> |
</p> |
</li> |
@@ -153,14 +153,14 @@ |
each one representing a photo.) |
<p> |
- <img src="../images/devtools-localvars.gif" alt="" |
+ <img src="{{static}}/images/devtools-localvars.gif" alt="" |
width="225" height="215" /> |
</p> |
</li> |
<li> |
Click the play/pause button |
- <img src="../images/play-button.gif" |
+ <img src="{{static}}/images/play-button.gif" |
style="margin:0; padding:0" align="absmiddle" |
width="22" height="20" alt="" />(near |
the top right of the Developer Tools window) |
@@ -173,7 +173,7 @@ |
</li> |
<p> |
- <img src="../images/devtools-3.gif" |
+ <img src="{{static}}/images/devtools-3.gif" |
width="500" height="245" |
alt="the popup page with 10 images" /> |
</p> |
@@ -184,7 +184,7 @@ |
To let the page finish loading, |
click line <b>37</b> to disable the breakpoint, |
and then press play/pause |
- <img src="../images/play-button.gif" |
+ <img src="{{static}}/images/play-button.gif" |
style="margin:0; padding:0" align="absmiddle" |
width="22" height="20" alt="" />to |
continue execution. |
@@ -253,10 +253,10 @@ |
</li> |
</ul> |
-<!-- [PENDING: do something to help people debug content scripts, which show up in blue] --> |
+ |
<p> |
For more ideas, |
see the <a href="getstarted.html#summary">Now what?</a> section |
of Getting Started. |
-</p> |
+</p> |