Questions tagged «google-chrome-devtools»

Chrome DevTools是Google Chrome内置的网络开发人员工具。

6
我可以使用chrome-devtools来实际搜索所有JS源吗?
我在chrome dev-tools中搜索JS文件时遇到了麻烦,过去由Ctrl+ Shift+ 激活的搜索F总是找到了我想要的东西,但是最近(我不确定是哪个更新触发了此问题),我正在寻找搜索不成功 内联脚本标签中的JS iframe中的JS。 我还发现,当涉及到内联脚本时,调用堆栈会变得混乱,但是当我尝试使用google搜索这些问题时,我只得到了dev-tools文档页面,还有其他人注意到这些问题吗?我只是在想像这可行吗?

5
Chrome调试器为何认为封闭的局部变量未定义?
使用此代码: function baz() { var x = "foo"; function bar() { debugger; }; bar(); } baz(); 我得到这个意外的结果: 当我更改代码时: function baz() { var x = "foo"; function bar() { x; debugger; }; bar(); } 我得到了预期的结果: 另外,如果eval内部函数中有任何调用,我可以按自己的意愿访问变量(与传递给的对象无关eval)。 同时,Firefox开发人员工具在两种情况下均具有预期的行为。 Chrome表示调试器的行为不如Firefox方便吗?我已经观察了一段时间,直到并包括41.0.2272.43 beta(64位)。 Chrome的JavaScript引擎是否可以“拉平”功能? 有趣的是,如果我添加内部函数中引用的第二个变量,则该x变量仍未定义。 我了解到,使用交互式调试器时,通常会有范围和变量定义的怪癖,但在我看来,根据语言规范,应该为这些怪癖提供“最佳”解决方案。因此,我很好奇这是否是由于Chrome比Firefox更优化了。以及在开发过程中是否可以轻松禁用这些优化(是否应该在打开开发工具时将其禁用?)。 另外,我可以使用断点和debugger语句来重现此内容。



5
是否可以在Chrome网络检查器的“网络”标签中隐藏扩展程序资源?
在Chrome Web检查器中查看页面的下载资源时,我还会看到某些扩展程序要求的HTML / JS / CSS。 在上面的示例中indicator.html,indicator.js和indicator.css实际上是Readability Chrome扩展程序的一部分,而不是我的应用程序的一部分。 在这种特殊情况下,这并不是什么大问题,但是在一个更复杂的页面上并安装了多个扩展程序后,它可能会变得很拥挤! 我想知道是否有一种方法可以从此列表中滤除任何与扩展相关的资源(即使用该chrome-extension://协议的任何请求)。 有谁知道我怎么能做到这一点?


3
Chrome开发人员工具中的人类可读JavaScript
有人知道Chrome开发者工具是否可以将javascript格式化为可读格式?某种美化器会很方便。假设我正在使用一些JS库,并且需要实例化它的对象,这样我就应该知道要在构造函数中放入什么。但是,在Chrome开发者工具用户界面中搜索包含4行的庞大库时,这很烦人... 否则,服务器端需要注意实现“开发模式”,该模式提供未压缩的javascript文件...


15
找出Chrome控制台是否打开
我正在使用这个小脚本来查找Firebug是否打开: if (window.console && window.console.firebug) { //is open }; 而且效果很好。现在,我正在搜索半小时,以找到一种方法来检测Google Chrome的内置Web开发人员控制台是否已打开,但找不到任何提示。 这个: if (window.console && window.console.chrome) { //is open }; 不起作用。 编辑: 因此,似乎无法检测到Chrome控制台是否处于打开状态。但是有一个“ hack ”有效,但有一些缺点: 控制台断开连接时将不起作用 在页面加载中打开控制台时将不起作用 因此,我现在将选择Unsigned的答案,但是如果some1提出了一个绝妙的主意,欢迎他继续回答,我将更改选择的答案!谢谢!


9
Chrome开发工具:来自javascript的[VM]文件
我在我的javascript文件(jaydata.js)中添加了一个断点,然后按“进入下一个函数调用”。当到达一行时: }, 弹出另一个名为“ [VM](8312)”的文件。我一直单击“转到下一个函数调用”,现在的屏幕是: 这些标题为“ [VM](XXXX“”的奇怪而神秘的脚本是什么,它们是从哪里来的?

1
为什么{} + {} NaN仅在客户端?为什么不在Node.js中?
While [] + []是一个空字符串,[] + {}is "[object Object]"和{} + []is是0。为什么是{} + {}NaN? > {} + {} NaN 我的问题是,为什么不({} + {}).toString()为"[object Object][object Object]"而NaN.toString()为"NaN",这部分已经在这里回答。 我的问题是为什么仅在客户端发生这种情况?在服务器端(Node.js){} + {}是"[object Object][object Object]"。 > {} + {} '[object Object][object Object]' 总结: 在客户端: [] + [] // Returns "" [] + {} // Returns "[object Object]" {} …


6
Chrome开发者工具:单独视图中的View Console和Sources视图/垂直平铺?
Chrome开发人员工具:有没有办法在单独的视图中查看Console标签和Sources标签?我经常想同时看这两个。 按Esc上,当Sources标签将让我看到的一个小视图Console在底部。但是我想同时看到两者的更大视角。这可能吗? 如果不是,那么chrome扩展程序可以做到这一点吗? 编辑: 澄清-我知道如何退出开发工具窗口(这是我的默认设置)。只是贪婪我猜,不知道我是否可以进一步拆分Sources和Console成单独停靠的窗口(或者至少是,他们的意见分裂垂直同一个窗口上,而非水平的迫切Esc呢)


By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.