如何更改 Chrome 开发者工具的图标？

Posted 2023-02-15

【中文标题】如何更改 Chrome 开发者工具的图标？

【英文标题】：How can I change icon for Chrome Developer Tools?

【发布时间】：2015-12-06 10:42:06

【问题描述】：

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

提前致谢。

【问题讨论】：

我尝试在互联网上搜索答案，但一无所获。我很惊讶这个问题还没有答案。我们不能是唯一对此感到恼火的人！ Internet Explorer 和 Edge 的未停靠开发工具窗口也使用相同的图标。疯狂！

找到了一些 2013 年过去的活动，但看起来它已被删除：bugs.chromium.org/p/chromium/issues/detail?id=245766 - 也许有人可以重新激活？

@Kirill 请检查我的回答，如果它满足您的需求，请接受，这样我就可以获得我难以捉摸的死灵法师徽章:)

【参考方案1】：

试试这个：

打开 Chrome，然后在另一个窗口中打开开发者工具，这样您的任务栏上有两个 Chrome 图标。右键单击 devtools 一并固定到任务栏。

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

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

您需要重新启动 explorer.exe，因此打开 Windows 任务管理器，杀死 explorer.exe 并重新启动它。

您现在将看到两个不同的图标。

执行此操作：启动常规 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 会自动重启它

【讨论】：

Linux/Ubuntu 有什么方法可以做同样的事情吗？

@Richard 开个玩笑！

可能不是开玩笑。 chrome 已在 linux/ubuntu 上推出

MacOS 怎么样？我会竖起半个大拇指。

如果您使用的是 Windows 10，您将不会在任务管理器中看到资源管理器 - 打开 powershell 并输入：

【参考方案2】：

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

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

settings.json：

"runtimeExecutable": "canary"

How to configure Visual Studio Code debugger to use Chrome Canary?