标签: google-chrome-devtools

我可以让chrome-devtools实际搜索所有JS源吗?

我在使用chrome dev-tools搜索JS文件时遇到了麻烦,过去通过Ctrl + shift + f激活的搜索总能找到我想要的东西,但最近(我不确定究竟哪个更新触发了这个)我'我发现搜索没有抓住

  • JS内联脚本标记

  • 在iframe中的JS.

我还发现当涉及内联脚本时,callstack搞砸了,但是当我试图谷歌解决这些问题时,我只是得到dev-tools文档页面,还有其他人注意到这些问题吗?我以前想象过这个吗?

javascript google-chrome-devtools

135
推荐指数
6
解决办法
6万
查看次数

为什么{} + {}仅在客户端是NaN?为什么不在Node.js?

虽然[] + []是一个空字符串,[] + {}"[object Object]",{} + []0.为什么是{} + {}NaN?

> {} + {}
  NaN
Run Code Online (Sandbox Code Playgroud)

我的问题是不是为什么({} + {}).toString()"[object Object][object Object]"同时NaN.toString()"NaN",这部分在这里有一个答案已经.

我的问题是为什么这只发生在客户端?在服务器端(Node.js){} + {}"[object Object][object Object]".

> {} + {}
'[object Object][object Object]'
Run Code Online (Sandbox Code Playgroud)

总结:

在客户端:

 [] + []              // Returns ""
 [] + {}              // Returns "[object Object]"
 {} + []              // …
Run Code Online (Sandbox Code Playgroud)

javascript eval node.js web-developer-toolbar google-chrome-devtools

135
推荐指数
1
解决办法
4700
查看次数

Chrome开发工具:来自javascript的[VM]文件

我在我的javascript文件(jaydata.js)中添加了一个断点,并按下"跳到下一个函数调用".当它到达一条线时:

},
Run Code Online (Sandbox Code Playgroud)

弹出另一个标题为"[VM](8312)"的文件.我一直点击"跳到下一个函数调用",现在我的屏幕是:

在此输入图像描述

什么是这些奇怪而神秘的剧本名为"[VM](XXXX",它们来自哪里?

debugging google-chrome-devtools

128
推荐指数
5
解决办法
7万
查看次数

在chrome中调试器暂停?

在chrome中调试时,即使没有设置断点,脚本也总是在调试器中暂停,如果暂停未暂停,它会再次暂停.

可以做些什么?

debugging google-chrome google-chrome-devtools

124
推荐指数
9
解决办法
12万
查看次数

有没有办法在Chrome Dev Tools中自动扩展对象?

每个单一时间我在控制台中查看一个对象我想要扩展它,所以每次单击箭头来执行此操作都很烦人:)是否有自动完成此操作的快捷方式或设置?

google-chrome-devtools

123
推荐指数
7
解决办法
4万
查看次数

了解Chrome控制台是否已打开

我正在使用这个小脚本来查明Firebug是否已打开:

if (window.console && window.console.firebug) {
    //is open
};
Run Code Online (Sandbox Code Playgroud)

它运作良好.现在我正在寻找一种方法来检测Google Chrome的内置Web开发者控制台是否已打开,但我找不到任何提示.

这个:

if (window.console && window.console.chrome) {
    //is open
};
Run Code Online (Sandbox Code Playgroud)

不起作用.

编辑:

因此,似乎无法检测Chrome控制台是否已打开.但有一个" 黑客 "有效,但有一些缺点:

  • 控制台未对接时将无法工作
  • 控制台在页面加载时打开时无效

所以,我现在要选择Unsigned的答案,但如果有人提出了一个好主意,欢迎他仍然回答我改变所选答案!谢谢!

javascript firebug google-chrome google-chrome-devtools

121
推荐指数
10
解决办法
7万
查看次数

Chrome开发者工具:在单独的视图/垂直平铺中查看控制台和源视图?

Chrome开发者工具:有没有办法在单独的视图中查看Console选项卡和Sources选项卡?我经常想同时看看这两个.

按下选项卡Esc时,Sources我会看到Console底部的小视图.但是我希望同时对这两者有更大的看法.这可能吗?

如果没有,这是Chrome扩展可能做的事情吗?

编辑:

澄清 - 我知道如何取消停靠开发工具窗口(这是我的默认设置).只是贪婪我想,并想知道我是否可以进一步拆分SourcesConsole进入单独的未对接的窗口(或者至少,他们的视图在同一个窗口上垂直分割,而不是像压力Esc那样水平分割)

google-chrome google-chrome-extension google-chrome-devtools

118
推荐指数
5
解决办法
7万
查看次数

检查仅在其他元素被鼠标覆盖/输入时出现的元素

通常我想检查一个元素(例如工具提示),该元素仅在另一个元素被鼠标覆盖/输入时出现.出现的元素通过jQuery的mouseenter事件可见.

我无法检查工具提示,因为当我的鼠标离开包含元素时,工具提示会消失.

有没有办法暂停JS事件,所以我可以悬停在元素上,然后暂停浏览器的JS,并成功检查它?

例如,尝试检查Twitter bootstrap的工具提示:http://getbootstrap.com/javascript/#tooltips.

javascript google-chrome-devtools

118
推荐指数
2
解决办法
2万
查看次数

是否可以在Android手机上的Chrome中打开开发人员工具控制台?

AngularJS应用程序在桌面上运行良好,但在移动设备上无法正常呈现(实际代码正在显示).这是在Android手机上.

我想看看控制台中显示的错误.

是否可以在移动设备上的Chrome应用程序上打开JS控制台(就像在桌面上一样)?

google-chrome-devtools mobile-chrome

115
推荐指数
9
解决办法
19万
查看次数

Chrome> = 24 - 如何将devtools停靠在右边?

我喜欢把devtools对接到右边.我记得当我第一次看到那个选项时,当我意识到我不再需要手动分割屏幕和定位窗口时,我有多高兴.

最近版本的chrome这个选项似乎缺失了.即使在我已经安装了右侧的devtools的安装中,该选项也会被删除.

它去了哪里?

google-chrome-devtools

111
推荐指数
1
解决办法
2万
查看次数