如何更改 Chrome 开发人员工具的图标?

How can I change icon for Chrome Developer Tools?

您可能知道,Chrome 开发工具具有与浏览器本身相同的图标。为了提高工作效率,我想更改它的图标,以便在任务栏中更容易找到它。

提前致谢。

试一试:

  1. 打开 Chrome,然后在另一个 window 中打开开发人员工具,这样您的任务栏上就会有两个 Chrome 图标。右键单击 devtools 并固定到任务栏。

  2. 右键单击新固定的图标,右键单击Google Chrome (2) 和属性。

  3. 在“快捷方式”->“更改图标”下,选择其他内容。然后'OK'出来。

  4. 您需要重新启动 explorer.exe,因此打开 Windows 任务管理器,关闭 explorer.exe 并重新启动它。

  1. 您现在会看到两个不同的图标。

  2. 这样做:开始常规 Chrome。然后 CTRL+Shift+i 并且 应该 打开 devtools 作为新图标。

不幸的是,最初单击 devtools 图标不会在启动时打开 devtools。据说您可以更改属性以开始使用 chrome.exe --args --auto-open-devtools-for-tabs 但我无法做到这一点。

YMMV 适用于您的操作系统,但这适用于 Windows 7。希望对您有所帮助。

注意:如果您使用的是Windows 10,默认情况下您不会在任务管理器中看到资源管理器,您必须单击底部的“更多详细信息”并切换到“详细信息”选项卡

或者,打开 PowerShell 并键入:

Get-Process explorer -ErrorAction SilentlyContinue | Stop-Process

这将终止资源管理器,windows 将自动重新启动它

对于从 Visual Studio 代码进行调试的非 Windows 用户来说,这个答案可能是一个很好的解决方法。它使用 Chrome 的 Canary 版本进行调试。它有一个不同的图标,所以区分它和常规 Chrome 应该很容易。

这个答案讨论了将可执行文件设置为 Canary,这很容易与常规 Chrome 区分开来。您需要先下载 Chrome 的 Canary 版本。

settings.json:

"runtimeExecutable": "canary"