Skip to content

Break out "Custom DevTools tool" from "Create DevTools extension"#3616

Open
mikehoffms wants to merge 36 commits intomainfrom
user/mikehoffms/devtools-extension
Open

Break out "Custom DevTools tool" from "Create DevTools extension"#3616
mikehoffms wants to merge 36 commits intomainfrom
user/mikehoffms/devtools-extension

Conversation

@mikehoffms
Copy link
Copy Markdown
Collaborator

@mikehoffms mikehoffms commented Oct 24, 2025

Related PRs:

This PR:

  • Adds an article about creating a basic extension (rather than a Sidebar extension or DevTools tool extension).
    • Leverages Sample: Picture viewer pop-up webpage.
  • Replaces the long tutorial article "Create a DevTools extension, adding a custom tool tab and panel" by a set of 3 articles:
    • Background info: how creating a DevTools tool extension is different than creating a basic extension.
    • Steps to use the sample.
    • How the sample's code works.
  • Removes wording about creating that sample (phase 3 & phase 4, two different versions of the sample).
image

Rendered articles for review:


Incidental files changed:

AB#55086309

@mikehoffms mikehoffms changed the title Standardize "Sample: Custom DevTools tool tab and panel" Break into 3 "Create a DevTools extension, adding a custom tool tab and panel" Oct 28, 2025
@mikehoffms mikehoffms changed the title Break into 3 "Create a DevTools extension, adding a custom tool tab and panel" Break into 3 "Create a DevTools extension, adding custom tool" Oct 28, 2025
@mikehoffms mikehoffms changed the title Break into 3 "Create a DevTools extension, adding custom tool" Break out "Sample: Custom DevTools tool" from "Create a DevTools extension" Oct 29, 2025
@mikehoffms mikehoffms changed the title Break out "Sample: Custom DevTools tool" from "Create a DevTools extension" Break out "Custom DevTools sample" from "Create DevTools extension" Oct 29, 2025
@mikehoffms mikehoffms changed the title Break out "Custom DevTools sample" from "Create DevTools extension" Break out "Custom DevTools tool" from "Create DevTools extension" Apr 7, 2026
Update and reorganize documentation for the Custom DevTools tool sample and related getting-started content. Changes include:

- Bumped ms.date to 2026-04-20 in multiple extension docs.
- Reworked microsoft-edge/extensions/developer-guide/devtools-extension.md: clarified the relationship between the guide and samples, reorganized file overview (manifest, panel, devtools.html, devtools.js, background.js, content_script.js, icon.png), added sibling links to sample and code, refined wording and added TODO notes.
- Simplified microsoft-edge/extensions/getting-started/index.md intro and updated date.
- Updated microsoft-edge/extensions/samples/custom-devtools-tool-code.md: revised description, date, sibling markers, clarified devtools.html wording and file list entries.
- Updated microsoft-edge/extensions/samples/custom-devtools-tool.md: updated date, sibling links, added GitHub repo links and rearranged 'See also' / Tools references.

Overall this commit improves clarity, linking between guide/sample/code, and consistency of file descriptions.
@learn-build-service-prod
Copy link
Copy Markdown

Learn Build status updates of commit d3abe1f:

✅ Validation status: passed

File Status Preview URL Details
CODE_OF_CONDUCT.md ✅Succeeded
CONTRIBUTING.md ✅Succeeded
microsoft-edge/accessibility/build/index.md ✅Succeeded View
microsoft-edge/accessibility/design.md ✅Succeeded View
microsoft-edge/accessibility/index.md ✅Succeeded View
microsoft-edge/accessibility/test.md ✅Succeeded View
microsoft-edge/develop-web-microsoft-edge.md ✅Succeeded View
microsoft-edge/developer/index.yml ✅Succeeded View
microsoft-edge/devtools/network-request-blocking/network-request-blocking-tool.md ✅Succeeded View
microsoft-edge/devtools/overview.md ✅Succeeded View
microsoft-edge/devtools/performance-monitor/performance-monitor-tool.md ✅Succeeded View
microsoft-edge/devtools/performance/index.md ✅Succeeded View
microsoft-edge/devtools/performance/reference.md ✅Succeeded View
microsoft-edge/devtools/progressive-web-apps/index.md ✅Succeeded View
microsoft-edge/devtools/quick-source/quick-source-tool.md ✅Succeeded View
microsoft-edge/devtools/recorder/index.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/index.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/surface-duo-emulator.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/webviews.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/windows.md ✅Succeeded View
microsoft-edge/devtools/rendering-tools/index.md ✅Succeeded View
microsoft-edge/devtools/rendering-tools/js-runtime.md ✅Succeeded View
microsoft-edge/devtools/resources/index.md ✅Succeeded View
microsoft-edge/devtools/samples/index.md ✅Succeeded View
microsoft-edge/devtools/search/search-tool.md ✅Succeeded View

This comment lists only the first 25 files in the pull request.
For more details, please refer to the build report.

@learn-build-service-prod
Copy link
Copy Markdown

PoliCheck Scan Report

The following report lists PoliCheck issues in PR files. Before you merge the PR, you must fix all severity-1 and severity-2 issues. The AI Review Details column lists suggestions for either removing or replacing the terms. If you find a false positive result, mention it in a PR comment and include this text: #policheck-false-positive. This feedback helps reduce false positives in future scans.

✅ No issues found

More information about PoliCheck

Information: PoliCheck | Severity Guidance | Term
For any questions: Try searching the learn.microsoft.com contributor guides or post your question in the Learn support channel.

@learn-build-service-prod
Copy link
Copy Markdown

Learn Build status updates of commit e45e021:

✅ Validation status: passed

File Status Preview URL Details
CODE_OF_CONDUCT.md ✅Succeeded
CONTRIBUTING.md ✅Succeeded
microsoft-edge/accessibility/build/index.md ✅Succeeded View
microsoft-edge/accessibility/design.md ✅Succeeded View
microsoft-edge/accessibility/index.md ✅Succeeded View
microsoft-edge/accessibility/test.md ✅Succeeded View
microsoft-edge/develop-web-microsoft-edge.md ✅Succeeded View
microsoft-edge/developer/index.yml ✅Succeeded View
microsoft-edge/devtools/network-request-blocking/network-request-blocking-tool.md ✅Succeeded View
microsoft-edge/devtools/overview.md ✅Succeeded View
microsoft-edge/devtools/performance-monitor/performance-monitor-tool.md ✅Succeeded View
microsoft-edge/devtools/performance/index.md ✅Succeeded View
microsoft-edge/devtools/performance/reference.md ✅Succeeded View
microsoft-edge/devtools/progressive-web-apps/index.md ✅Succeeded View
microsoft-edge/devtools/quick-source/quick-source-tool.md ✅Succeeded View
microsoft-edge/devtools/recorder/index.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/index.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/surface-duo-emulator.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/webviews.md ✅Succeeded View
microsoft-edge/devtools/remote-debugging/windows.md ✅Succeeded View
microsoft-edge/devtools/rendering-tools/index.md ✅Succeeded View
microsoft-edge/devtools/rendering-tools/js-runtime.md ✅Succeeded View
microsoft-edge/devtools/resources/index.md ✅Succeeded View
microsoft-edge/devtools/samples/index.md ✅Succeeded View
microsoft-edge/devtools/search/search-tool.md ✅Succeeded View

This comment lists only the first 25 files in the pull request.
For more details, please refer to the build report.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

cat: extensions Extensions-related content.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant