chrome/common/extensions/docs/templates/intros/devtools_panels.html - Issue 18323018: Linking AvailabilityFinder with APIDataSource and intro-table templates.

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/templates/intros/devtools_panels.html

Issue 18323018: Linking AvailabilityFinder with APIDataSource and intro-table templates. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Figuring out partials Created 7 years, 5 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

« chrome/common/extensions/docs/server2/api_data_source.py ('K') | « chrome/common/extensions/docs/templates/intros/devtools_network.html ('k') | chrome/common/extensions/docs/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 <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