标签: google-chrome-devtools

Google Chrome 开发人员工具中有一个快捷方式，每次我尝试在控制台中键入[或]字符时都会触发该快捷方式。有问题的快捷方式可能是Alt+ [、Alt+^或[，它将（Chrome 开发者工具的）选项卡移动到最后一个选择的选项卡。这个快捷方式只是阻止我在控制台中输入[或]，我想禁用它或将其编辑为其他内容。如何编辑或禁用该快捷方式？

注意：我并没有真正使用开发人员工具中的快捷方式，所以如果只能禁用所有快捷方式，那将是一个可行的解决方案。

我使用 FireFox 进行日常浏览；所以让 Node 检查器运行的过程有点烦人：

1. 启动 Chrome
2. 手动访问chrome://inspect，因为它拒绝将内置页面设置为“主页”
3. 单击“为 Node 打开专用 DevTools”
4. Node devtools打开后关闭原来的窗口

这个专用的工具窗口是我唯一使用过的 Chrome 窗口。有没有办法从命令行启动它，或者在 Chrome 打开时启动它？

谢谢！

使用谷歌浏览器时，有一个方便的网络监控工具。然而，chrome 网络工具只跟踪当前打开的网页。

有很多复杂的网络监控工具可用，我只需要 chrome 网络监控工具的功能。

为了跟踪所有浏览器（Chrome、Firefox、IE 等）的活动，我正在寻找一种与 chrome 网络工具具有相同想法和界面的工具。

有人知道这样的工具吗？

一些具有所需功能的屏幕截图：

下载的所有文件的概述

选择文件时，您可以很好地看到标题

并且使用选项卡响应，正文的内容是可见的

当我在 chrome 中打开开发人员工具并且我的网站正在加载，或者 javascript 正在添加一些元素时，chrome 会突出显示新的/更改的元素。我想说的是：

我知道在您可以在设置中关闭此功能之前有一段时间，但现在没有这样的选项。如何关闭此突出显示？

另外，没有任何浏览器可以对此做些什么吗？我看到很多浏览器使用相同的开发工具（Comodo Dragon、Opera、Maxthon...），所以也许有人对它做了一些改动？

我正在查看本网站汉堡菜单中的元素：

https://rainbowedit.com/

使用 Chrome devtools，Elements 中的 CSS 为红色斜体且不可编辑。这是什么意思？有没有办法让它们可编辑？

几周前版本 68 更新后，我在 Devtools 中的控制台在刷新页面后不再清除。以下是控制台设置：

因此，除非我误解了某些内容，否则应在刷新页面或导航到某处时清除控制台。

在版本 68 更新之前，这一直工作正常。（这立即破坏了该功能，因为我经常使用此控制台，所以我在几分钟内就注意到了）

有什么理由不清算？

我想知道 Chrome 开发工具中是否有打开“网络”选项卡的快捷方式。我知道有一个用于打开开发工具和“控制台”选项卡的快捷方式，但没有用于打开“网络”选项卡的快捷方式。

谢谢！

我喜欢现代浏览器的一件事是如何编辑 css 并实时查看结果。通常在设计前端元素时，我发现自己直接在 chrome 中调整了许多 css 属性，只有当我对结果感到满意时，我才会将所有更改复制回原始 css 文件。我不确定这种做法有多普遍，但它对我有用。

问题：有什么方法可以将 google chrome 中的原始页面 css 与已编辑的页面 css 进行比较并输出所有更改？这可能听起来很懒惰，但它是有道理的：如果您已经在 chrome 上编辑 CSS 大约一个小时，那么跟踪所有 div 和类中的所有更改可能会很耗时，这就是立即输出更改的工具会节省很多时间。

编辑：或者这可以通过控制台中的一些 javascript 魔法来完成？

我在 chrome 上有问题。每当我在 chrome 中启动开发人员工具时，它都会更改光标并关闭它返回到默认指针，如光标。

我不知道是什么变化导致了它，我该如何恢复？

在 Chrome Dev Tools 的调试器中，如果启用了 Pause On Exceptions，Chrome 扩展程序中的异常将暂停调试器。这很烦人。

有什么方法可以防止这些脚本暂停调试器，同时仍然暂停我的应用程序代码中的异常？