问题标签 [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 投票
1 回答
139 浏览

google-chrome - 无论如何要将 Inspector 图标移动到 Chrome 开发人员工具栏的顶部?

我以纵向模式运行显示器,因此我的屏幕分辨率非常高/垂直(1440 x 2560)。每次我需要使用 Inspector 工具在 DOM 中选择一个元素时,都必须一直向下滚动到显示器的最底部,这真的很令人沮丧。

有谁知道将它移动到工具栏顶部的方法,就像在 Firebug 中一样?(我猜他们试图让它看起来不像 Firebug,因为他们把它移到了底部?——似乎没有任何理由说明这会更好)

是否有可以设置的快捷方式,以便我也可以以这种方式启动 Inspector?

0 投票
8 回答
18144 浏览

javascript - 为什么 Chrome 会在 jQuery 中的某行暂停?

每次我用 Chrome Inspector 刷新我的 web 应用程序时,它都会暂停并带我到源选项卡,其中有一个红色的大箭头图标,指向 jQuery 中的一些奇怪的行。

我懂了

在调试器中暂停

在窗口的中上方,以及

异常暂停:DOMException

在源选项卡上的调用堆栈中。

据我所知,我没有设置任何断点,而且这段代码之前也没有抛出异常——那是怎么回事?

0 投票
2 回答
26470 浏览

google-chrome-devtools - Run my own script inside Chrome's debugger console?

I'm tired of re-typing the same commands into Chrome's developer console. Is it possible to load a script that I have saved on my local machine?

0 投票
0 回答
415 浏览

javascript - JavaScript 驱动的网站需要大量内存,但分析器没有给出提示

我试图找出为什么我的网站(使用 JavaScript,包括 jQuery 和 Google Maps API v2)需要超过 400 MB 的内存用于单个选项卡。

到目前为止我所做的:

  • 在 Firefox 和 Chrome 中都试过了,同样的问题
  • 在地图上创建路线之前和之后检查了 Chrome 的任务管理器
    • 之前:28 MB 选项卡进程内存(“私有内存”中 31 MB,“共享内存”中 13 MB)
    • 之后:550 MB 选项卡进程内存(557 MB 在私有内存中,还有 13 MB 共享内存)
  • 使用 Chrome 开发者工具制作堆快照
    • 之前和之后的快照非常相似,都显示了大约 12 MB 的堆对象

所以这是我的问题:“私有/共享内存”这些术语究竟是什么意思——它与堆栈变量有关吗?如何调试巨大的“私人”内存使用情况?不在乎我使用哪个浏览器进行调试。

编辑:不幸的是,当我在我的应用程序中创建 GMaps 路由时会出现内存问题,这似乎无法与 IE 一起正常工作 - 所以我有点受限于 Firefox/Chrome。

编辑2:我已经在没有任何工具的情况下找到了问题(如果有人知道,我仍然对工具感兴趣)。当我someGPolylineInstance.insertVertex(0, point)从“dblclick”事件中调用 where point 是 lat/lng 点时,就会出现问题。每次我插入一个点(我注释掉了双击处理程序中发生的所有其他事情),Chrome 中的内存使用量增加了约 1 MB。这可能是 Maps API 的问题吗?


因此,由于我无法放置整个网站,因此我提取了一个显示问题的最小示例。目前我可以在 Chrome 10 上重现该问题。通过双击添加路线点会增加大约 0.5 MB 的内存使用量,而一次添加 50 个点需要更少的内存。请尝试告诉我您是否遇到相同的情况(只需将示例打开为“file://”):

0 投票
1 回答
187 浏览

javascript - Javascript 按钮处理程序

谁能告诉我有什么问题:

在 Chrome 检查器中,我得到的错误是:

未捕获的 SyntaxError:意外的令牌 <

以下是我的代码的外观:

0 投票
1 回答
1736 浏览

javascript - Chrome 扩展程序 - 在页面底部加载弹出窗口(不在右上角)?

现在,我现在如何制作一个扩展程序,该扩展程序在扩展程序图标下方页面右上角的一个小窗口中下拉。但是如何在网页底部创建一个新的 div,比如这个 Buzzgrowl 扩展:http ://buzzgrowl.com/ ?

0 投票
6 回答
29113 浏览

google-chrome - 如何通过快捷键清除 Chrome 控制台?

我想清除 Chrome 浏览器内 Chrome 开发人员工具中的控制台选项卡。我知道他们是一个按钮,但是这样做的快捷键是什么?

他们是 chrome 开发者工具或 chrome 快捷方式的任何地方的备忘单吗?

0 投票
1 回答
1141 浏览

eclipse - 如何使用 google Chrome Dev tool 为 Eclipse 调试 javascript

我已经在 Eclipse 中安装了 Google chrome 开发工具插件。当我通过 chromium javascript(新配置)选择调试时,它要求我在浏览器中选择一个选项卡。并打开 java 调试透视图。但浏览器选项卡中没有任何反应。

0 投票
1 回答
836 浏览

eclipse-plugin - 如何使用 Eclipse 中的 ChromeDev 工具在 chrome 中调试 javascript

我没有发现如何从 Eclipse 中运行 chrome,以便您可以使用当前脚本路径调用它。“运行工具”和“如果尚未运行调试应用程序,则自动运行它”之间存在巨大差异。如何在 chrome 中调试 javascript ..

0 投票
3 回答
5417 浏览

logging - 为什么 Google Chrome 将相同的 console.log 消息分组?

我一直在寻找一种方法来修改开发人员工具控制台登录 Google Chrome 的行为。我来不及了。

默认情况下,控制台不会显示每次记录的时间。它似乎记录了将同一消息发送到日志的次数。当您记录项目以验证或调试 Web 应用程序中的工作流时,这无济于事。

如果我要登录:

我希望看到这一点,但你得到的更像是:

有没有办法改变这种行为并强制控制台向您显示已记录的每一项?

谢谢,

日本国防军