Skip to content

Remove inline tool icon screenshots - #3884

Open
leahmsft wants to merge 4 commits into
mainfrom
user/leahtu/tool-icon-removal-update
Open

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

Conversation

@leahmsft

@leahmsft 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

@leahmsft
leahmsft requested a review from mikehoffms July 28, 2026 23:33
@learn-build-service-prod

Copy link
Copy Markdown
Contributor

Learn Build status updates of commit e3bd640:

⚠️ Validation status: warnings

File Status Preview URL Details
microsoft-edge/devtools/overview.md ⚠️Warning View Details
microsoft-edge/devtools/about-tools.md ✅Succeeded View
microsoft-edge/devtools/contact.md ✅Succeeded View
microsoft-edge/devtools/crash-analyzer/index.md ✅Succeeded View
microsoft-edge/devtools/issues/index.md ✅Succeeded View
microsoft-edge/devtools/javascript/overrides.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/allocation-profiler.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/dom-leaks-memory-tool-detached-elements.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/heap-snapshots.md ✅Succeeded View
microsoft-edge/devtools/network-console/network-console-tool.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.md ✅Succeeded View
microsoft-edge/devtools/quick-source/quick-source-tool.md ✅Succeeded View
microsoft-edge/devtools/rendering-tools/js-runtime.md ✅Succeeded View
microsoft-edge/devtools/storage/cookies.md ✅Succeeded View
microsoft-edge/devtools/workspaces/workspace-tutorial.md ✅Succeeded View

microsoft-edge/devtools/overview.md

  • Line 61, Column 3: [Warning: bookmark-not-found - See documentation] Cannot find bookmark '#customizing-devtools' in 'devtools/overview.md'.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

@mikehoffms mikehoffms added the cat: devtools DevTools-related content. label Jul 29, 2026
![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 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 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 1fac615:

⚠️ Validation status: warnings

File Status Preview URL Details
microsoft-edge/devtools/overview.md ⚠️Warning View Details
microsoft-edge/devtools/about-tools.md ✅Succeeded View
microsoft-edge/devtools/contact.md ✅Succeeded View
microsoft-edge/devtools/crash-analyzer/index.md ✅Succeeded View
microsoft-edge/devtools/issues/index.md ✅Succeeded View
microsoft-edge/devtools/javascript/overrides.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/allocation-profiler.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/dom-leaks-memory-tool-detached-elements.md ✅Succeeded View
microsoft-edge/devtools/memory-problems/heap-snapshots.md ✅Succeeded View
microsoft-edge/devtools/network-console/network-console-tool.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.md ✅Succeeded View
microsoft-edge/devtools/quick-source/quick-source-tool.md ✅Succeeded View
microsoft-edge/devtools/rendering-tools/js-runtime.md ✅Succeeded View
microsoft-edge/devtools/storage/cookies.md ✅Succeeded View
microsoft-edge/devtools/workspaces/workspace-tutorial.md ✅Succeeded View

microsoft-edge/devtools/overview.md

  • Line 61, Column 3: [Warning: bookmark-not-found - See documentation] Cannot find bookmark '#customizing-devtools' in 'devtools/overview.md'.

For more details, please refer to the build report.

Note: Your PR may contain errors or warnings or suggestions unrelated to the files you changed. This happens when external dependencies like GitHub alias, Microsoft alias, cross repo links are updated. Please use these instructions to resolve them.

@learn-build-service-prod

Copy link
Copy Markdown
Contributor

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.

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