Skip to content

Convert "Create a DevTools extension" to sample-based#3616

Open
mikehoffms wants to merge 52 commits into
mainfrom
user/mikehoffms/devtools-extension
Open

Convert "Create a DevTools extension" to sample-based#3616
mikehoffms wants to merge 52 commits into
mainfrom
user/mikehoffms/devtools-extension

Conversation

@mikehoffms
Copy link
Copy Markdown
Collaborator

@mikehoffms mikehoffms commented Oct 24, 2025

Related PRs:

Overview of PR:

  1. Get started developing an extension
    • New short article (basic extension; not sidebar, not DevTools tool).
    • Leverages Sample: Picture viewer pop-up webpage.
  2. Samples for Microsoft Edge extensions
    • Linked to "GoogleChrome / chrome-extensions-samples" repo.
  3. Develop an extension for the Microsoft Edge sidebar
    • Updated per upstream.
      • Added sync comments, to facilitate maintenance.
    • Clearly linked to 5 Google samples.
  4. Create a DevTools extension, adding a custom tool tab and panel - broke out as 2 articles:
    • Add a custom tool in Microsoft Edge DevTools
    • Sample: Custom DevTools tool
      • Removed wording about creating that sample (as phase 3 & phase 4, two different versions of the sample).
  5. Trimmed leading spaces in lists, globally in repo.

Rendered articles for review:


Incidental:

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
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.
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md
Comment thread microsoft-edge/extensions/developer-guide/sidebar.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/sidebar.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/sidebar.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/sidebar.md Outdated
Comment thread microsoft-edge/extensions/samples/custom-devtools-tool-code.md Outdated
Comment thread microsoft-edge/extensions/samples/custom-devtools-tool-code.md Outdated
Comment thread microsoft-edge/extensions/samples/custom-devtools-tool-code.md Outdated
Comment thread microsoft-edge/extensions/samples/custom-devtools-tool-code.md Outdated
Comment thread microsoft-edge/extensions/samples/custom-devtools-tool-code.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension-sample.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension-sample.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension-sample.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension-sample.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension-sample.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Comment thread microsoft-edge/extensions/developer-guide/devtools-extension.md Outdated
Copy link
Copy Markdown
Collaborator Author

@mikehoffms mikehoffms left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM - Writer/Editor

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

Learn Build status updates of commit e6df4f7:

✅ 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
Contributor

Learn Build status updates of commit 8757463:

✅ 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.

2 participants