草庐IT

前端调试

全部标签

javascript - 在 Chrome 中使用 React Native 调试 ES6 import 语句

我严重依赖ReactNative的“在Chrome中调试”功能,因此依赖Chrome的调试器。但是我注意到这个系统有一个巨大的缺陷:我使用ES6-styleimport导入的模块。即使代码执行正常,在Chrome的范围内也不可见。这使得使用这些导入语句调试代码变得非常困难。如果我用varMyModule=require(...)替换import语句,那么该模块在范围内可见。看完ES6moduleimportisnotdefinedduringdebugger我查看了ReactNative生成​​的转译源代码(通过在我的浏览器中加载http://localhost:8081/index.

javascript - 如何帮助调试器查看我的 javascript,或者如何最好地重构我的脚本以使其对调试器友好?

我有一个ASP.NETMVC项目,它通过jQuery的$.get方法使用一些简单的AJAX功能,如下所示:$.get(myUrl,null,function(result){$('#myselector').html(result);});这里的内容量相对较少——通常是带有简短文本的单个div。然而,有时我也会在页面中注入(inject)一些javascript。在某些时候,当我将脚本动态包含到本身动态添加到页面的内容中时,脚本仍然运行,但它不再对调试器可用。在VS2008中,任何断点都会被忽略,当我使用“调试器”语句时,我会收到一个消息框,提示“此位置没有可用的源代码”。对于VS20

javascript - Chrome 调试器不适用于 typescript 文件

我正在使用webstorm2016.2、angular-cli、webpack2。在照片中,我无法在第19、20、22、23行创建断点。当我在第21行创建时,控制台不会打印我在第19行告诉他的内容。我看到应该调试的ts文件,但似乎我正在调试其他文件或我无权访问的js文件。如果可能,我想调试ts文件,如果不能,我想调试js文件。angular-cli.json:{"project":{"version":"1.0.0-beta.11-webpack.2","name":"store-app-02"},"apps":[{"main":"src/main.ts","tsconfig":"sr

javascript - 这些javascript minifiers中的任何一个都删除了调试语句吗?

如果我可以将调试/控制台日志语句放在我的javascript中,然后让js压缩器/压缩器在编译时删除它们,那就太好了。这个存在吗? 最佳答案 据我所知,如果您愿意,Google的ClosureCompiler将允许您完成类似的事情:/**@define{boolean}*/varDEBUG_MODE=true;vardebug;if(DEBUG_MODE){/**@param{...}args*/debug=function(args){console.log.apply(console,arguments);}}else{/**@

javascript - Chrome 开发工具在调试 JS 时崩溃

过去一两周一直在谷歌上搜索了一下,但没有找到任何线索。我相信这是从最新的主要chrome网络浏览器更新开始的,从68到69。(当前版本为69.0.3497.100)基本上,当我使用chrome开发工具和调试一些javascript时,当我开始在控制台中输入变量名时浏览器崩溃。我将输入一两个Angular色,然后砰,整个过程崩溃了。我将关闭浏览器,然后重新打开它,但在控制台中输入时仍然会立即崩溃。有时两集之间会有几个小时的间隔,但这是一个长期存在的问题,严重影响了我作为开发人员的能力。如有任何帮助,我们将不胜感激。谢谢。 最佳答案 正

javascript - 如何调试用 ES6 编写的模态插件的源代码?

我正在尝试编辑/理解用ES6编写的模态插件的源代码,链接HERE.MicromodalTryhittingthetabkeyandnoticehowthefocusstayswithinthemodalitself.Also,esctoclosemodal.ContinueClose//ButtonthattriggersthemodalToggle//Iamimportingthesourcecodeforthepluginhere//Filewhereiinitializetheplugin我像这样初始化插件:JS文件(main.js)importMicroModalfrom'./

javascript - 是否可以在 chrome 调试器中操作返回值?

Google的Chrome浏览器有一个很好的功能,可以在您退出函数之前显示调试器中的返回值。它出现在Scope中与Watch一起列在其中一个调试器Pane中,CallStack等Itlookslikethis.我很好奇是否可以通过控制台访问此变量?我在调试时经常需要做这样的事情:.filter(function(z){returnz>=0;})或任何其他任意方式来了解返回值是否符合我的预期。不幸的是,我找不到引用的方法在控制台中。我希望有一些像$_这样的变量那会让我访问,但我没有在likelyplaces中找到looklooking.我意识到我可以查看在Scope中显示的对象列表,但如

一文掌握vscode远程调试python代码

0背景在《一文掌握vscode远程gdb调试》文章中,介绍了如何使用vscode调试c/c++代码,作为该文的姊妹篇,本文对调试python代码的方法做一个整理。1环境配置远程连接的方法同 《一文掌握vscode远程gdb调试》中的第1节相同,本文不赘述,不熟悉的可以参考那篇文章。2配置python环境准备一段python代码from__future__importprint_functiondefsum_nums(n):s=0foriinrange(n):s+=iprint(s)if__name__=='__main__':sum_nums(5)然后在左侧运行和调试按钮中,点击“创建laun

javascript - 如何在后端检测前端 Action ?

我是JavaScript环境的新手,它是在我新使用的系统上运行的环境。我们正在使用GWTforJavaScript。检测后端进程之间连接的最佳方法是什么和前端Action?例如。按下“那个”按钮时调用哪个后端方法,单击选项卡,窗口打开,......我能想到的唯一方法是使用调试器和Eclipse搜索/调用层次结构工具:不断放置断点在我预计会跑的地方——直到我到达目的地。是否有更有效的方法来做到这一点?其他开发人员如何做?我是一名后端开发人员。在以前的系统中,我放置了一个端口监视器--Fiddler,看到了FE发送的请求的内容,然后从那里去了。我知道这是一个幼稚的问题——请耐心等待。TIA

javascript - 带有 Angular 2 的前端 "micro services"

我正在为一些奇怪的情况寻找解决方案。让我们快速浏览一下angular2-seed项目,以便我更好地解释:https://github.com/mgechev/angular2-seed/tree/master/src/client/app.在那个项目中,我们有3个独立的模块-关于、主页、共享。我正在寻找的是一种隔离这些开发的方法,因此我们最终能够独立发布每个部分。例如,假设A团队正在处理关于部分,而B团队正在处理家庭。每个部分的工作都已完成,我们已准备好发布,但我们意识到关于部分缺少一个关键功能,但我们仍想发布对主页部分的更改。我们正在寻找一种实现这一目标的方法。这里有一些已经探索过的