Skip to content

Commit 7417b9a

Browse files
authored
Add a page on building a custom extension for DevTools (#13288)
Fixes #11339 Direct link to staged page: https://flutter-docs-prod--pr13288-devtools-a9s4123a.web.app/tools/devtools/custom-extension
1 parent c81bde2 commit 7417b9a

10 files changed

Lines changed: 511 additions & 9 deletions
398 KB
Loading
1.55 MB
Loading
120 KB
Loading
22.9 KB
Loading
88.7 KB
Loading
244 KB
Loading
1.2 MB
Loading

src/content/tools/devtools/custom-tool.md

Lines changed: 499 additions & 0 deletions
Large diffs are not rendered by default.

src/content/tools/devtools/extensions.md

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -37,9 +37,11 @@ You can modify the setting at any time from the DevTools Extensions dialog:
3737

3838
![Screenshot of extension enablement dialog](/assets/images/docs/tools/devtools/extension_dialog.png)
3939

40-
> Note: if the extension requires a running a connection to a running
41-
application, you will not see the enablement prompt or enablement settings until
40+
:::note
41+
If the extension requires connecting to a running application,
42+
you won't see the enablement prompt or enablement settings until
4243
DevTools is connected to a running app.
44+
:::
4345

4446
Extension enablement states are stored in a `devtools_options.yaml`
4547
file in the root of the user's project
@@ -73,13 +75,12 @@ differ between project contributors.
7375

7476
## Build a DevTools extension
7577

76-
For an in-depth guide on how to build a DevTools extension,
77-
check out [Dart and Flutter DevTools extensions][article],
78-
a free article on Medium.
78+
For an in-depth guide on how to build a DevTools extension, visit
79+
[Build custom tooling in Flutter and Dart DevTools][build-extensions]
7980

80-
To learn more about writing and using DevTools extensions,
81-
check out the following video:
81+
You might also check out the following video:
8282

83-
<YouTubeEmbed id="gOrSc4s4RWY" title="Building DevTools extensions | Flutter Build Show"></YouTubeEmbed>
83+
<YouTubeEmbed id="gOrSc4s4RWY"
84+
title="Building DevTools extensions | Flutter Build Show"></YouTubeEmbed>
8485

85-
[article]: {{site.flutter-blog}}/dart-flutter-devtools-extensions-c8bc1aaf8e5f
86+
[build-extensions]: /tools/devtools/custom-tool

src/data/sidenav.yml

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -674,6 +674,8 @@
674674
permalink: /tools/devtools/app-size
675675
- title: DevTools extensions
676676
permalink: /tools/devtools/extensions
677+
- title: Build a custom tool
678+
permalink: /tools/devtools/custom-tool
677679
- title: Validate deep links
678680
permalink: /tools/devtools/deep-links
679681
- title: Release notes

0 commit comments

Comments
 (0)