| OLD | NEW |
| 1 <!-- BEGIN AUTHORED CONTENT --> | 1 <!-- BEGIN AUTHORED CONTENT --> |
| 2 <p id="classSummary"> | 2 <p id="classSummary"> |
| 3 Use the <code>chrome.experimental.devtools.panels</code> module to integrate | 3 Use the <code>chrome.experimental.devtools.panels</code> module to integrate |
| 4 your extension into Developer Tools window UI: create your own panels, access | 4 your extension into Developer Tools window UI: create your own panels, access |
| 5 existing panels and add sidebars. | 5 existing panels and add sidebars. |
| 6 </p><p> | 6 </p><p> |
| 7 See <a href="experimental.devtools.html">DevTools APIs summary</a> for | 7 See <a href="experimental.devtools.html">DevTools APIs summary</a> for |
| 8 general introduction to using Developer Tools APIs</a>. | 8 general introduction to using Developer Tools APIs</a>. |
| 9 </p> | 9 </p> |
| 10 | 10 |
| (...skipping 31 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 42 </pre> | 42 </pre> |
| 43 <p> | 43 <p> |
| 44 This screenshot demonstrates the effect the above examples would have on | 44 This screenshot demonstrates the effect the above examples would have on |
| 45 Developer Tools window: | 45 Developer Tools window: |
| 46 | 46 |
| 47 <img src="images/devtools-panels.png" | 47 <img src="images/devtools-panels.png" |
| 48 style="margin-left: 20px" | 48 style="margin-left: 20px" |
| 49 width="686" height="289" | 49 width="686" height="289" |
| 50 alt="Extension icon panel on DevTools toolbar" /> | 50 alt="Extension icon panel on DevTools toolbar" /> |
| 51 </p> | 51 </p> |
| 52 |
| 53 <p> |
| 54 You can find examples that use this API in |
| 55 <a href="samples.html#Chrome Query">Samples</a>. |
| 56 </p> |
| 52 <!-- END AUTHORED CONTENT --> | 57 <!-- END AUTHORED CONTENT --> |
| OLD | NEW |