微信号:we21cto

介绍:21CTO(21CTO.com)是中国项级技术专家的学习与服务平台.我们为CTO、技术总监、架构师等技术专家提供高质量的资讯、问答、活动等产品,同时与企业连接,提供技术咨询、研发、运维、技术支持、培训及人才招聘等服...

如何使用JavaScript进行有效的调试与错误处理

2018-04-05 21:42 21CTO

21CTO社区导读:用适合的工具调试JavaScript可以帮助我们快速识别和记录错误。本文特总结了一些调试解决方案和最佳实践。


在过去的几十年中,JavaScript已经从简单的基于浏览器的脚本演变为高级编程语言,成为现代Web应用程序不可分割的一部分。 Web浏览器,标准化,浏览器以及第三方调试和错误处理解决方案的进步使JavaScript开发和生产中的错误调查更加高效。



让我们看看几个流行的调试和错误处理工具。


Chrome浏览器工具



这是我最喜欢的JavaScript开发工具之一。我经常使用的一个功能是将本地文件系统映射到JavaScript开发环境中的加载文件,以便可以使用debugger关键字的断点调试,同时直接在浏览器的Sources部分中保存对文件的更改。 还可以使用console.log命令将任何变量或文本记录到Chrome浏览器控制台,以便我们查找相关问题。


PostMan



Postman 提供功能强大的 Web API 和 HTTP 请求的调试,它能够发送任何类型的HTTP 请求 (GET, POST, PUT, DELETE…),并且能附带任何数量的参数和 Headers。不仅如此,它还提供测试数据和环境配置数据的导入导出,付费的 Post Cloud 用户还能够创建自己的 Team Library 用来团队协作式的测试,并能够将自己的测试收藏夹和用例数据分享给团队。


第三方服务


有大量新兴的第三方服务支持JavaScript调试和错误处理,例如Bugsnag的错误监控平台,这个平台支持JavaScript,Android/iOS,PHP等不同技术。


这些第三方工具提供了有关在各种用户浏览器中运行的代码的详细信息,可以向开发团队通知有关记录错误的问题的详细信息。这些类型的服务的优点是它们提供远程调试和错误处理作为服务,因此可以捕获这些有价值的信息,让我们轻松查出问题所在。


在线和桌面IDE


使用集成开发环境(IDE)是如今调试JavaScript应用程序最流行方法。


IDE通过与浏览器的紧密集成,现在可以联机或桌面IDE调试代码,在代码中可以使用错误日志记录等功能,使用关键字来定位代码,并有效使用断点。这种方法相对于其他工具的优点是可以从所有角度(包括后端代码)调查问题。


有效的错误处理和日志


处理日志级别


在开发JavaScript应用程序时,启用不同级别的日志很有必要。例如,当应用程序在测试环境或工作台环境中运行时,可以启用详细日志记录,包括应用程序运行,重要变量等,而在生产环境中仅仅记录错误。 要实现这些目标,需要第三方JavaScript库或自定义实现来管理日志级别。


日志传输


由于JavaScript是在客户端浏览器上运行,远程发生的错误需要转移到新的环境中,以便开发或操作团队可以通过访问日志进行排查。


日志格式


拥有在未来可扩展的格式以支持任何新的日志数据格式以及在不同的日志消息中保持一致性也很重要。


异常处理

这是关键领域之一,需要有效处理错误并向用户显示有关情况的充分信息并将该信息传递给开发人员来根据日志级别来处理。


编辑:小召


 
21CTO 更多文章 首都程序员最不爱运动、成都程序员有房又有车、上海程序员最辛苦……原来我们是这样的程序员! 你是现代软件开发者吗? 从开发者到卓有成效领导者之最佳实践 基于大数据搭建社交好友推荐系统 盘点IT大佬作息时间表:比你强的人还比你努力
猜您喜欢 “美团点评”杯厦门大学软件开发大赛,王兴也来参加了 金融壹账通移动技术周报(第五十五期) 闲谈学历与求职 12步轻松搞定python装饰器 万恶的swap