草庐IT

DEBUGGING

全部标签

javascript - 如何调试由 Chutzpah/PhantomJS 执行的 JavaScript

我正在使用Chutzpah来执行我的JavaScript单元测试。我引用了我的源文件的路径,下面有一系列测试。VisualStudio中的文本资源管理器列出了我的测试,我可以直接从IDE执行它们,所以一切似乎都在正常工作。但是,我想在运行测试时进入正在执行的源代码。这可能吗? 最佳答案 更新:Chutzpah4.1.0版增加了集成的VSdebugging.目前使用Chutzpah无法做到这一点。你能做的最好的事情就是安装contextmenuextension这将添加一个“在浏览器中打开”右键单击选项。然后,您可以使用浏览器内置的调

javascript - 如何高效地单步执行 jQuery 代码?

我刚刚接触jQuery一段时间-使用YUI一段时间,虽然我真的很欣赏jQuery库提供的很多功能,但我发现逐步完成它非常痛苦调试器中的jQuery代码,我想知道除了显而易见的事情之外是否还有其他技巧?像这样一个简单的函数:functionfindFirstShortChild(parent){varresult=null;$("#"+parent+"li").each(function(){if($(this).css("height")如果函数没有按预期运行,而我决定逐步执行它,那么它根本就不直观。事实上,你根本无法真正跨过它。您将不得不在很多地方浏览各种jQuery代码。您不能进入

javascript - 如何高效地单步执行 jQuery 代码?

我刚刚接触jQuery一段时间-使用YUI一段时间,虽然我真的很欣赏jQuery库提供的很多功能,但我发现逐步完成它非常痛苦调试器中的jQuery代码,我想知道除了显而易见的事情之外是否还有其他技巧?像这样一个简单的函数:functionfindFirstShortChild(parent){varresult=null;$("#"+parent+"li").each(function(){if($(this).css("height")如果函数没有按预期运行,而我决定逐步执行它,那么它根本就不直观。事实上,你根本无法真正跨过它。您将不得不在很多地方浏览各种jQuery代码。您不能进入

javascript - 调试 SystemJS 模块加载?

我很难理解模块,需要一种方法来调试我的问题。有没有办法使用SystemJS枚举模块及其导出?配置文件似乎是一个文档不足的雷区。对于提供像“RxJs”这样的包的模块,如果我将包包含在脚本标记中,或者如果我尝试使用SystemJS配置加载它,我该如何判断我应该能够在我加载的内容中找到它所在的位置吗?例如,我可以通过将node_modules/rxjs复制到`wwwroot/libs/rxjs'并使用它来让rxjs工作:System.config({map:{'rxjs':'lib/rxjs'},packages:{'rxjs':{defaultExtension:'js'}}这似乎加载了每

javascript - 调试 SystemJS 模块加载?

我很难理解模块,需要一种方法来调试我的问题。有没有办法使用SystemJS枚举模块及其导出?配置文件似乎是一个文档不足的雷区。对于提供像“RxJs”这样的包的模块,如果我将包包含在脚本标记中,或者如果我尝试使用SystemJS配置加载它,我该如何判断我应该能够在我加载的内容中找到它所在的位置吗?例如,我可以通过将node_modules/rxjs复制到`wwwroot/libs/rxjs'并使用它来让rxjs工作:System.config({map:{'rxjs':'lib/rxjs'},packages:{'rxjs':{defaultExtension:'js'}}这似乎加载了每

javascript - Chrome DevTools 脚本黑盒不起作用

我正在尝试使用chromedevtools的新功能“blackboxingascript”。ThisChromeDevtoolsarticlelistsscriptblackboxingfunctionality黑盒化脚本会发生什么?库代码抛出的异常不会暂停(如果暂停启用异常(exception))进入/退出/越过库代码事件监听器断点不会在库代码中中断调试器不会在库代码中设置的任何断点处暂停。最终结果是您调试的是您的应用程序代码,而不是第三方资源。我试图通过右键单击源选项卡中的文件直接将文件黑盒化,一切正常,黄色通知显示在文件顶部“此脚本在调试器中被黑盒化”。奇怪的是,上面列出的点都不

javascript - Chrome DevTools 脚本黑盒不起作用

我正在尝试使用chromedevtools的新功能“blackboxingascript”。ThisChromeDevtoolsarticlelistsscriptblackboxingfunctionality黑盒化脚本会发生什么?库代码抛出的异常不会暂停(如果暂停启用异常(exception))进入/退出/越过库代码事件监听器断点不会在库代码中中断调试器不会在库代码中设置的任何断点处暂停。最终结果是您调试的是您的应用程序代码,而不是第三方资源。我试图通过右键单击源选项卡中的文件直接将文件黑盒化,一切正常,黄色通知显示在文件顶部“此脚本在调试器中被黑盒化”。奇怪的是,上面列出的点都不

javascript - 使用 Chrome/Firefox 开发工具查找 XMLHttpRequest 的源

我正在尝试调试不是由我编写的Web应用程序。正在生成一个失败的XMLHttpRequest:XMLHttpRequestcannotload...No'Access-Control-Allow-Origin'headerispresentontherequestedresource.Origin'...'isthereforenotallowedaccess.有没有办法(最好是使用Chrome开发者工具)来定位此调用的来源? 最佳答案 事实证明-是的,有。我一直忽略的“XHR断点”选项:它完美地工作。Firefox具有相同的功能:

javascript - 使用 Chrome/Firefox 开发工具查找 XMLHttpRequest 的源

我正在尝试调试不是由我编写的Web应用程序。正在生成一个失败的XMLHttpRequest:XMLHttpRequestcannotload...No'Access-Control-Allow-Origin'headerispresentontherequestedresource.Origin'...'isthereforenotallowedaccess.有没有办法(最好是使用Chrome开发者工具)来定位此调用的来源? 最佳答案 事实证明-是的,有。我一直忽略的“XHR断点”选项:它完美地工作。Firefox具有相同的功能:

javascript - 我如何找到哪个 JavaScript 正在改变元素的样式?

我有一个元素正在通过JavaScript应用样式。我不确定确切的位置;有没有办法检查Firebug以显示“element.style”的实际来源? 最佳答案 如果您确定它是在内联style上设置的,而不是样式表规则的结果,您可以使用非标准的Mozillawatch()检测更改方法:document.body.style.watch('color',function(name,v0,v1){alert(name+':'+v0+'->'+v1);});document.body.style.color='red';您可以将debugge