问题标签 [google-chrome-devtools]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
16799 浏览

html - 在 Chrome 中,screen_capture_injected 是什么?

当我使用 chromes 开发人员工具查看元素时,在 BODY 标签中我看到

screen_capture_injected=true

这是什么意思?它有什么作用?我试图搜索它,但找不到任何东西。

0 投票
1 回答
1657 浏览

google-chrome - Firebug 控制台、Safari / Chrome 控制台

Firefox 和 Firebug 的最佳功能之一是您可以准确地看到您的 AJAX 调用响应是什么。

Safari 和 Chrome 有开发者工具,但缺少控制台。除了警告和错误,它不显示任何内容。

我错过了什么吗?脚本无需设置断点,是否可以在 Safari 或 Chrome 的开发者工具中看到响应?

详细说明:

“网络”不会向您显示我可以看到的实际响应。它只显示所有加载的资源。

如果我对 Web 服务进行 AJAX 调用,我希望能够看到 JSON 响应。

0 投票
3 回答
39512 浏览

javascript - 使用 Chrome javascript 调试器跟踪事件

我在这里没有具体的用例,但有时我要么在 SO 上帮助某人,要么在网站上看到很酷的 javascript 效果,并对驱动它的代码感到好奇。但是,驱动代码的事件可能不会立即显而易见。如果我找不到事件处理程序,那么很难找到负责我感兴趣的效果的 js。调试器中是否有快速方法来识别附加到元素的事件并删除断点在什么时候开火?

因此,例如,一个事件可能存在于类似这样的结构上

现在我不知道事件是否绑定到 img、span、li、ul 或 div 本身。Chrome 有 Event Listeners 区域,但我觉得它并不总是包含事件。你们做了什么可以让你快速找到事件并在其中设置断点的方法吗?

0 投票
2 回答
1448 浏览

google-chrome-extension - 如何在 Chrome JS 控制台中进入内容脚本的沙盒环境

如果我在 Chrome 开发人员工具中打开 JavaScript 控制台来调试我的扩展程序的内容脚本,我不会得到内容脚本的上下文。例如,无法访问 jQuery,除非我转到调试器并设置断点,否则我无法访问我的全局变量。

我只是错过了什么吗?如果能够从 JS 控制台检查我的全局变量或调用 jQuery,那就太好了。

0 投票
1 回答
2076 浏览

google-chrome - 有什么办法可以修改 Chrome Dev Tool 的 devTools.css

Chrome 开发者工具的字体太小。每次打开开发人员工具时,我都必须修改 devTools.css。

有没有办法修改 devTools.css 并保存?

0 投票
14 回答
186470 浏览

google-chrome - 如何强制 Chrome 的脚本调试器重新加载 javascript?

我真的很喜欢在 chrome 调试器中编辑 javascript 的能力,但是,我发现让调试器从服务器重新获取 JavaScript 确实有问题。

有时我必须尽可能地关闭调试器并重新加载框架工作正常 - 但其他时候(我无法确定在什么情况下会发生这种情况)我必须清除我的临时互联网缓存。有时我发誓我必须完全关闭 chrome,然后清除缓存,然后在调试器最终向我显示最新脚本之前加载页面。

(注意。Web 服务器没有缓存脚本)

我想知道是否有人知道一种快速简便的方法来告诉调试器使其所有 javascript 无效并在页面重新加载时重新获取它?

0 投票
6 回答
31968 浏览

javascript - 我可以告诉 Chrome 脚本调试器忽略 jquery.js 吗?

有没有办法告诉 Chrome 调试器(或者可能是 Firebug?)不要破坏某些文件?假设它们基本上没有损坏?这似乎是他们可能构建的东西。

0 投票
3 回答
1473 浏览

google-chrome - 自定义 Chrome 网络检查器的外观

我已经厌倦了我似乎每天使用 Firefox 遇到的众多问题,我再次尝试切换到 Chrome。

让我感到沮丧的一件事是检查器中选项卡的布局。在萤火虫中,它们都在顶部,所以如果我想要一个项目的指标,它非常简单。在 Chrome 中,我一直在上下滚动。

有没有办法改变它的工作方式?我要做的就是将布局更改为与 Firebug 有点相似的东西。

干杯!

0 投票
2 回答
11792 浏览

ajax - HTTP 请求的大等待时间

我正在使用 cakephp 开发一个网站。我现在正在使用 firebug + Yslow 和 Google chrome 开发者工具分析网站。在 Ajax 请求中,我得到了大约 6 秒的较长等待时间,而接收时间太小了 66 毫秒,这会导致请求延迟很大。有人知道为什么等待时间过长吗?

0 投票
2 回答
5176 浏览

google-chrome - Chrome 未设置 Cookie

我正在尝试调试 Chrome 未在我的应用程序中设置 cookie 的问题。我尝试过的一件事是使用以下命令从控制台手动设置 cookie:

在 FF 中,我在 FireCookie 中看到了 cookie。在 Chrome 中,该命令执行,但没有创建 cookie(据我从“资源”选项卡中得知)。

有人可以对此进行测试并确认相同的行为吗?为什么会这样?