我在使用chrome dev-tools搜索JS文件时遇到了麻烦,过去通过Ctrl + shift + f激活的搜索总能找到我想要的东西,但最近(我不确定究竟哪个更新触发了这个)我'我发现搜索没有抓住
JS内联脚本标记
在iframe中的JS.
我还发现当涉及内联脚本时,callstack搞砸了,但是当我试图谷歌解决这些问题时,我只是得到dev-tools文档页面,还有其他人注意到这些问题吗?我以前想象过这个吗?
虽然[] + []是一个空字符串,[] + {}是"[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
我在我的javascript文件(jaydata.js)中添加了一个断点,并按下"跳到下一个函数调用".当它到达一条线时:
},
Run Code Online (Sandbox Code Playgroud)
弹出另一个标题为"[VM](8312)"的文件.我一直点击"跳到下一个函数调用",现在我的屏幕是:
什么是这些奇怪而神秘的剧本名为"[VM](XXXX",它们来自哪里?
在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的答案,但如果有人提出了一个好主意,欢迎他仍然回答我改变所选答案!谢谢!
Chrome开发者工具:有没有办法在单独的视图中查看Console选项卡和Sources选项卡?我经常想同时看看这两个.
按下选项卡Esc时,Sources我会看到Console底部的小视图.但是我希望同时对这两者有更大的看法.这可能吗?
如果没有,这是Chrome扩展可能做的事情吗?
编辑:
澄清 - 我知道如何取消停靠开发工具窗口(这是我的默认设置).只是贪婪我想,并想知道我是否可以进一步拆分Sources并Console进入单独的未对接的窗口(或者至少,他们的视图在同一个窗口上垂直分割,而不是像压力Esc那样水平分割)
google-chrome google-chrome-extension google-chrome-devtools
通常我想检查一个元素(例如工具提示),该元素仅在另一个元素被鼠标覆盖/输入时出现.出现的元素通过jQuery的mouseenter事件可见.
我无法检查工具提示,因为当我的鼠标离开包含元素时,工具提示会消失.
有没有办法暂停JS事件,所以我可以悬停在元素上,然后暂停浏览器的JS,并成功检查它?
例如,尝试检查Twitter bootstrap的工具提示:http://getbootstrap.com/javascript/#tooltips.
AngularJS应用程序在桌面上运行良好,但在移动设备上无法正常呈现(实际代码正在显示).这是在Android手机上.
我想看看控制台中显示的错误.
是否可以在移动设备上的Chrome应用程序上打开JS控制台(就像在桌面上一样)?
我喜欢把devtools对接到右边.我记得当我第一次看到那个选项时,当我意识到我不再需要手动分割屏幕和定位窗口时,我有多高兴.
最近版本的chrome这个选项似乎缺失了.即使在我已经安装了右侧的devtools的安装中,该选项也会被删除.
它去了哪里?