OLD | NEW |
1 <p id="classSummary"> | 1 <p> |
2 Use the <code>chrome.devtools.panels</code> module to integrate | |
3 your extension into Developer Tools window UI: create your own panels, access | |
4 existing panels, and add sidebars. | |
5 </p><p> | |
6 See <a href="devtools.html">DevTools APIs summary</a> for | 2 See <a href="devtools.html">DevTools APIs summary</a> for |
7 general introduction to using Developer Tools APIs. | 3 general introduction to using Developer Tools APIs. |
8 </p> | 4 </p> |
9 | 5 |
10 <h2 id="overview">Overview</h2> | 6 <h2 id="overview">Overview</h2> |
11 | 7 |
12 <p> | 8 <p> |
13 Each extension panel and sidebar is displayed as a separate HTML page. All | 9 Each extension panel and sidebar is displayed as a separate HTML page. All |
14 extension pages displayed in the Developer Tools window have access to all | 10 extension pages displayed in the Developer Tools window have access to all |
15 modules in <code>chrome.devtools</code> API, as well as to | 11 modules in <code>chrome.devtools</code> API, as well as to |
(...skipping 39 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
55 <img src="{{static}}/images/devtools-panels.png" | 51 <img src="{{static}}/images/devtools-panels.png" |
56 style="margin-left: 20px" | 52 style="margin-left: 20px" |
57 width="686" height="289" | 53 width="686" height="289" |
58 alt="Extension icon panel on DevTools toolbar" /> | 54 alt="Extension icon panel on DevTools toolbar" /> |
59 </p> | 55 </p> |
60 | 56 |
61 <p> | 57 <p> |
62 You can find examples that use this API in | 58 You can find examples that use this API in |
63 <a href="samples.html#Chrome Query">Samples</a>. | 59 <a href="samples.html#Chrome Query">Samples</a>. |
64 </p> | 60 </p> |
OLD | NEW |