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