chrome/common/extensions/docs/server2/templates/intros/devtools_panels.html - Issue 10834130: Extensions Docs Server: Doc conversion script - SVN

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: chrome/common/extensions/docs/server2/templates/intros/devtools_panels.html

Issue 10834130: Extensions Docs Server: Doc conversion script - SVN (Closed) Base URL: https://src.chromium.org/chrome/trunk/src/

Patch Set: Created 8 years, 4 months ago

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Jump to:

View unified diff | Download patch

« no previous file with comments | « chrome/common/extensions/docs/server2/templates/intros/devtools_network.html ('k') | chrome/common/extensions/docs/server2/templates/intros/downloads.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!-- BEGIN AUTHORED CONTENT -->

2 <p id="classSummary">	1 <p id="classSummary">

3 Use the <code>chrome.devtools.panels</code> module to integrate	2 Use the <code>chrome.devtools.panels</code> module to integrate

4 your extension into Developer Tools window UI: create your own panels, access	3 your extension into Developer Tools window UI: create your own panels, access

5 existing panels, and add sidebars.	4 existing panels, and add sidebars.

6 </p><p>	5 </p><p>

7 See <a href="devtools.html">DevTools APIs summary</a> for	6 See <a href="devtools.html">DevTools APIs summary</a> for

8 general introduction to using Developer Tools APIs.	7 general introduction to using Developer Tools APIs.

9 </p>	8 </p>

10	9

11 <h2>Overview</h2>	10 <h2>Overview</h2>

(...skipping 34 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
46 chrome.devtools.panels.elements.createSidebarPane("Font Properties",	45 chrome.devtools.panels.elements.createSidebarPane("Font Properties",

47 function(sidebar) {	46 function(sidebar) {

48 sidebar.setPage("Sidebar.html");	47 sidebar.setPage("Sidebar.html");

49 sidebar.setHeight("8ex");	48 sidebar.setHeight("8ex");

50 });	49 });

51 </pre>	50 </pre>

52 <p>	51 <p>

53 This screenshot demonstrates the effect the above examples would have on	52 This screenshot demonstrates the effect the above examples would have on

54 Developer Tools window:	53 Developer Tools window:

55	54

56 <img src="../images/devtools-panels.png"	55 <img src="{{static}}/images/devtools-panels.png"

57 style="margin-left: 20px"	56 style="margin-left: 20px"

58 width="686" height="289"	57 width="686" height="289"

59 alt="Extension icon panel on DevTools toolbar" />	58 alt="Extension icon panel on DevTools toolbar" />

60 </p>	59 </p>

61	60

62 <p>	61 <p>

63 You can find examples that use this API in	62 You can find examples that use this API in

64 <a href="samples.html#Chrome Query">Samples</a>.	63 <a href="samples.html#Chrome Query">Samples</a>.

65 </p>	64 </p>

66 <!-- END AUTHORED CONTENT -->

OLD	NEW