在使用 create-react-app 进行开发时,我的浏览器在出现警告时进入调试器模式:
它打破了 react-dev-tools 的源代码:
// --- Welcome to debugging with React DevTools ---
// This debugger statement means that you've enabled the "break on warnings" feature.
// Use the browser's Call Stack panel to step out of this override function-
// to where the original warning or error was logged.
Run Code Online (Sandbox Code Playgroud)
如何停用此行为?
我想调试一个信息框,显示当我将鼠标悬停在谷歌地图标记上时.但谷歌地图禁用右键单击地图画布上的任何位置,因此我无法检查该元素以进行调试/查看.
我试图通过元素选项卡中的href内容搜索元素,但它没有显示在搜索上.
尽管没有右键点击,有没有办法检查元素?
debugging google-chrome javascript-debugger google-chrome-devtools
我无法相信谷歌或搜索引擎搜索都没有找到明确的答案,甚至没有多少讨论,但是:
是否可以在Google Chrome JavaScript调试器中编辑/自定义键盘快捷键?如果是这样,怎么样?
我已经习惯了Eclipse的F5/ F6/ F7/ F8debugger步入/ 切换/退出/恢复密钥,并希望在谷歌浏览器中使用相同的绑定. F10/ F11是OSX的默认公开密钥,因此不适合调试器控制.
我对非正统的解决方案持开放态度,例如Quicksilver/AppleScript.
相关但不太有用的页面:
customization google-chrome keyboard-shortcuts javascript-debugger google-chrome-devtools
我是FireBug Debugger的新手,任何人都可以说是什么是步入,步出和退出
我正在尝试调试大量使用JavaScript事件的网页,因此我需要监视所有被触发的JavaScript事件.
大多数事件都是使用jQuery绑定的.因此,如果有一种方法可以专门监控那些事件,那将特别有用.
javascript jquery firefox-addon javascript-debugger jquery-events
我一直在使用Google Chrome的开发工具包(元素检查,堆栈跟踪,javascript调试等),并取得了巨大的成功.
然而,大约两周前,它突然变得非常缓慢.例如,当我右键单击UI中的元素然后单击"Inspect Element"时,或者当我只按F12时,代码窗口需要30-45秒才会出现.它曾经在不到一秒钟内发生.
有没有其他人遇到这个问题?如果是这样,你能纠正它吗?怎么样?
提前致谢!
马特
Chrome源代码调试包含用于单步执行,步入和退出的按钮.没有时间倒退,看看以前的功能是什么.
如果我让Chrome document.cookie通过进入控制台并输入document.cookie;它来给我看,我会告诉我,说:
"name=John; gender=male";
但是如果我输入,比方说,document.cookie = 5;它所做的只是添加5;到字符串的开头,所以我得到:
"5; name=John; gender=male";
如果我尝试document.cookie = null;那么它甚至什么都不做.
怎么会这样?这是一个变量,不是吗?那么为什么赋值运算符不应该以它应该的方式工作呢?它实际上只是一些语法糖而不是一个真正的变量?如果是这样,糖究竟是什么?
虽然我使用漂亮的代码并在"漂亮代码"选项卡中设置了断点,但调试器仍然使用缩小的代码.(我无法确切地看到我的位置,需要在源和"漂亮的代码"之间不断切换).在具有相同脚本的相同页面上,它有时可以工作,有时不工作.我无法找到原因或我激活方式的任何差异.
有没有办法强制调试器使用"漂亮的代码"?任何想法或其他问题?这应该报告为错误吗?
编辑:我仍然不明白发生了什么,但有一个解决方案.所以当这种情况发生时,只需编辑脚本并添加"调试器"; 光标后的关键字.它将成为一个断点.然后,如果你使用"漂亮的代码",调试器将保留在美化代码中.正如我所说,我不明白为什么会这样,所以我还在等待答案.
编辑:当前浏览器版本是42.0.2311.135(64位).
编辑:戴夫指出,有一个非常相似的事情报告错误.https://code.google.com/p/chromium/issues/detail?id=415406它说这与文件大小有关但我无法确认.我改变了标题以反映这些发现.
javascript debugging minify javascript-debugger google-chrome-devtools
在chrome的Developer工具中,蓝色垂直线标记为"DOMContent event fired",红线表示"load event fired"."DOMContent事件被触发"是否意味着浏览器开始执行内联javascript?并且"加载事件已触发"意味着它会触发"onload"事件?