Skip to content

Remove inline tool icon screenshots - #3884

Open
Leah (leahmsft) wants to merge 7 commits into
mainfrom
user/leahtu/tool-icon-removal-update
Open

Remove inline tool icon screenshots#3884
Leah (leahmsft) wants to merge 7 commits into
mainfrom
user/leahtu/tool-icon-removal-update

Conversation

@leahmsft

@leahmsft Leah (leahmsft) commented Jul 28, 2026

Copy link
Copy Markdown
Contributor

Tool icons are removed from the Activity bar in DevTools in Edge 151. This PR updates all articles that contain references to tool icons. Some screenshots will need to be updated eventually since they may show tool icons in tabs.

The Activity bar was also updated slightly, which mirrors now Chrome DevTools. Articles were updated to reflect this.
Before:
image
After:
image

Rendered article sections for review:

  • title > heading

  • title > heading

    • /devtools/contact.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/crash-analyzer/index.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/issues/index.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/javascript/overrides.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/memory-problems/allocation-profiler.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/memory-problems/dom-leaks-memory-tool-detached-elements.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/memory-problems/heap-snapshots.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/network-console/network-console-tool.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/overview.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/performance/extension.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/performance/index.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/performance/overview.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/performance/reference.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/performance/selector-stats.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/performance/share-performance-traces.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/progressive-web-apps/index.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/quick-source/quick-source-tool.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/rendering-tools/js-runtime.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/storage/cookies.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:
  • title > heading

    • /devtools/workspaces/workspace-tutorial.md
    • Internal preview:
    • External preview:
    • Before/live:
    • Changelist:

AB#63368280

![The right-click menu for a tool in the Quick View toolbar, including the 'Move to top Activity Bar' command](./about-tools-images/move-from-quickview-to-activitybar.png)

To open the **Command Menu**, press **Ctrl+Shift+P** (Windows, Linux) or **Command+Shift+P** (macOS). Or, click the **Customize and control DevTools** (![Customize icon](./about-tools-images/customize-devtools-icon-light-theme.png)) button and then select **Run command**.
To open the **Command Menu**, press **Ctrl+Shift+P** (Windows, Linux) or **Command+Shift+P** (macOS). Or, click the **Customize and control DevTools** button and then select **Run command**.

@mikehoffms Michael Hoffman (mikehoffms) Jul 29, 2026

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

replace horiz ... icon by vertical dots

Stable:
image

Canary:
image

To restore all of the default tool tabs in the **Activity Bar** and **Quick View**:

1. In DevTools, select **Customize and control DevTools** (![Customize and control DevTools icon](./about-tools-images/customize-devtools-icon-light-theme.png)) > **Settings** (![Settings icon](./about-tools-images/settings-gear-icon-light-theme.png)) > **Preferences**.
1. In DevTools, select **Customize and control DevTools** > **Settings** > **Preferences**.

@mikehoffms Michael Hoffman (mikehoffms) Jul 29, 2026

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

undo but w/ vertical dots?

To report a bug or request a feature while you are using DevTools:

1. Click the **Help** (![Help icon](./contact-images/help-icon.png)) icon, and then click **Send Feedback** (![Send Feedback icon](./contact-images/send-feedback-icon-light-theme.png)) (or press **Alt+Shift+I** on Windows and Linux or **Option+Shift+I** on macOS) to open the **Send feedback** window.
1. Click **Send Feedback** (![Send Feedback icon](./contact-images/send-feedback-icon-light-theme.png)) (or press **Alt+Shift+I** on Windows and Linux or **Option+Shift+I** on macOS) to open the **Send feedback** window.

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

PR removes ALL icons but should only remove tool icons

@learn-build-service-prod

Copy link
Copy Markdown
Contributor

Learn Build status updates of commit d20e030:

✅ Validation status: passed

File Status Preview URL Details
microsoft-edge/devtools/about-tools.md ✅Succeeded View
microsoft-edge/devtools/contact.md ✅Succeeded View
microsoft-edge/devtools/crash-analyzer/index-images/console-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/crash-analyzer/index.md ✅Succeeded View
microsoft-edge/devtools/issues/index-images/elements-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/issues/index.md ✅Succeeded View
microsoft-edge/devtools/javascript/overrides-images/elements-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/javascript/overrides-images/network-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/javascript/overrides-images/sources-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/javascript/overrides.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/allocation-profiler-images/memory-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/memory-problems/allocation-profiler.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/dom-leaks-memory-tool-detached-elements-images/memory-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/memory-problems/dom-leaks-memory-tool-detached-elements.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/heap-snapshots-images/memory-tool-icon.png ✅Succeeded n/a (file deleted or renamed)
microsoft-edge/devtools/memory-problems/heap-snapshots.md ✅Succeeded View
microsoft-edge/devtools/network-console/network-console-tool.md ✅Succeeded View
microsoft-edge/devtools/overview.md ✅Succeeded View
microsoft-edge/devtools/performance/extension.md ✅Succeeded View
microsoft-edge/devtools/performance/index.md ✅Succeeded View
microsoft-edge/devtools/performance/overview.md ✅Succeeded View
microsoft-edge/devtools/performance/reference.md ✅Succeeded View
microsoft-edge/devtools/performance/selector-stats.md ✅Succeeded View
microsoft-edge/devtools/performance/share-performance-traces.md ✅Succeeded View
microsoft-edge/devtools/progressive-web-apps/index-images/application-icon.png ✅Succeeded n/a (file deleted or renamed)

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: devtools DevTools-related content. in-progress

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants