标签: google-chrome-devtools

我在 Chrome 开发工具上的控制台抽屉有问题。每次页面出现错误时，它都会自动弹出。我想禁用此功能。

我知道关闭它的 esc 键，但它仍然很烦人。

我发现这个几个问题，但所有的答案是过时（前。/sf/ask/1457377981/，/sf/ask/1499436151/）

我使用的是没有扩展名的 Chrome 版本 49.0.2623.87。

这是一张可以更好地解释问题的图片：

我使用的是 Windows 10。当我打开 Chrome 开发工具、转到 XHR 请求并单击标头时，我只看到以下三件事：

知道为什么我在任何地方都看不到请求有效负载吗？我使用的是 Chrome 版本 65.0.3325.162（官方版本）（64 位）。就其价值而言，这是我的请求标头（其中 URL 匿名为“示例”）：

Accept: */*
Accept-Encoding: gzip, deflate
Accept-Language: en-US,en;q=0.9
Connection: keep-alive
Content-Length: 231
Content-Type: application/json
Host: example.com
Origin: http://localhost:9000
Referer: http://localhost:9000/example
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.162 Safari/537.36

我想知道gzip, deflatefor the是否Accept-Encoding是造成这种情况的原因。或者这是一个 Chrome 错误？

更新：就其价值而言，我注意到这些有问题的请求的“类型”是json。通常，在其他地方，在其他 Ajax 驱动的 Web 应用程序中，它是xhr. 我想这就是问题所在。那么问题来了，这是 Chrome 的 bug 还是 Chrome 的功能呢？

我正在尝试让我的网站响应移动设备。

我听说 Chrome 的开发工具可以根据设备的分辨率来模拟设备。但 Chrome 有一些奇怪的分辨率。

苹果7

• dev-tools: 375x667px
• officially: 750x1334px

苹果7加

• dev-tools: 414x736px
• officially: 1080x1920px

尽管它们不同，但模拟器似乎相当准确，为什么？这给我带来了很大的压力，因为我不知道我的媒体查询中的最大宽度在真正的设备上是否准确。

当我打开开发工具，检查一个元素，然后单击带有颜色的 CSS 属性的小颜色选择器框时，颜色渐变平面上应该有两行和一个部分，告诉我颜色对比度是否为 AA或 AAA 兼容，但没有。

有什么地方可以打开这个设置吗？这是一个已知的错误？我在网上阅读的所有内容都说它应该就在那里。我之前在我的机器上也看到过对比度检查器区域。也许它是在以前的版本中。

我在 Windows 10 上运行 Chrome 版本 74.0.3729.169（官方版本）（64 位）。我关闭了所有浏览器扩展，并重新启动了 chrome。

来自 Chromium 开发团队的相关线程：https : //bugs.chromium.org/p/chromium/issues/detail ? id = 461320 https://bugs.chromium.org/p/chromium/issues/detail?id=514674 https://bugs.chromium.org/p/chromium/issues/detail?id=879856

看起来它可能由于性能问题而被删除，但我找不到任何确定的东西。

打开google chrome devtools，进入Sources查看Page下的文件，如何修改和观察变化？

更具体地说，我想top/webpack://在某些网站上打开 Sources 时修改其中的一些文件，以进行实验并查看内部的实际工作方式。

但是在任何更改之后（例如console.log("hello");在 .js 文件中插入一个简单的），我得到“对此文件的更改未保存到文件系统”。

澄清：我发现的“对此文件的更改未保存到文件系统”警告的唯一解决方案是在 stackoverflow 上讨论的，但它没有解决我的问题，因为我不能（不知道如何？）添加东西从top/到工作区。

Chrome Web Store 上的所有扩展程序都被禁用，出于安全原因，我相信...但是，我非常喜欢浏览扩展程序，并且我想保护我的眼睛。

有没有办法调整一些 Chrome 设置，以便我可以在网上商店中使用一些暗模式扩展程序？

我正在尝试自定义 chromium 浏览器，以便浏览器中的每个选项卡都有一个唯一的代理，因此一个选项卡的连接似乎不会来自与另一选项卡相同的 IP。

我使用 chrome 开发者 API 中的 chrome.proxy.settings.set 来设置选项卡的代理，但此方法的问题是它为整个 chrome 设置了代理，如果我错了，请纠正我。因此，当我打开一个新选项卡并在该选项卡中设置代理时，它将更改以前选项卡的代理。另外，正如我已经提到的，它为整个 chrome 设置了代理。

我认为没有办法使用插件/扩展来处理这个问题，只能通过对 chromium 源代码进行一些修改来处理。但同样，Chromium 源代码有太多文件和数百万行代码。有一些基于 chromium 的浏览器，比如 Ghost、insomniac，也可以实现同样的功能，我猜他们是通过修改源代码来实现的。

我是否需要一些帮助来了解我应该查看哪个文件或哪个部分的 chromium 源代码并执行一些修改或任何其他解决方案？请帮我。我已经研究了几个月，但是理解和调试这么大的源代码并不容易。

我有一个非常大的页面。我通过在 DevTools 的元素部分搜索它们的类名来查找元素。然后我需要在页面上的检查器中找到我选择的元素，但是页面的大小使这变得困难。

在检查器中选择一个元素后，有没有办法跳转到它在页面上的位置？