如果你是从事前端开发的，应该明白调试代码还是非常困难的。特别是对于JavaScript，一个小错误有时可能需要数小时才能调试。对于不同的浏览器、操作系统和设备，错误在所难免。本文主要列出了一些调试工具，大家可以根据情况选择。Web浏览器中的开发工具任何现代Web浏览器都带有用于调试应用程序的强大工具。比如使用console语句cconsole.log()，使用alert()的弹窗，使用debugger语句暂停代码执行，这些都对我们的调试很有帮助。我们还可以使用Web检查器或CSS样式检查器来使调试更简单、更顺畅。任何现代网络浏览器都配备了强大的工具来帮助调试您的应用程序。它可以像使用console.log()的控制台语句一样简单，使用alert()的弹出窗口，甚至是用于暂停代码执行的调试器语句。这些工具对我们的调试任务非常有帮助，尤其是调试器语句。邮递员地址：https://www.postman.com/几乎所有的前端应用程序都发送和接收JSON响应和请求。应用程序可以通过请求API做很多事情，例如身份验证、用户数据传输，甚至是获取您所在位置的当前天气这样简单的事情。Postman是调试接口的最佳工具之一。它适用于MacOS、Windows和Linux，并使直接的REST、SOAP和GraphQL请求变得快速和简单。使用Postman，我们可以调整请求、分析响应和调试问题。当不确定问题出在前端还是后端时，这很有用。CSSLint地址：http://csslint.net/CSSLint是一个帮助你发现CSS代码问题的工具。它可以进行基本的语法检查，并使用一组预设规则来检查代码中的问题。规则是可扩展的。JSONFormatter&Validator地址：https://jsonformatter.curiousconcept.com/在未格式化的JSON中很难找到语法错??误或键值不正确的键，因为它很难阅读。对于压缩后的JSON文件，更难发现错误，所以我们需要一个格式化工具。JSONFormatter&Validator工具是一个用于格式化JSON的工具。您只需要输入压缩后的JSON格式即可获得正确的格式。该工具还可以将JSON验证为RFC标准。哨兵地址：https://sentry.io/welcome/无论测试多么完美，bug永远存在。有些错误不会每次都出现。测试时运行良好的代码可能在用户使用时失败就结束了，但是当程序在用户面前崩溃时，你看不到错误，你当然会说：“嘿，我有日志”.不过说实话，程序每天每个小时都会产生大量的日志，而且分布在各个服务器上，如果你有多个服务在维护，是看不到那么多日志的。某天某个用户看不下去了，他打电话骂骂咧咧的时候，你去看日志，你会发现日志其实没什么用：缺乏上下文，你不知道用户是什么确实导致了异常，异常太多（从来没有为了看日志）不知如何下手等等。Sentry就是来帮我们解决这个问题的，它是一个实时的事件记录和聚合平台。它专为监视错误和提取执行适当的事后分析操作所需的所有信息而设计，而无需使用标准用户反馈循环。Sentry是一个日志平台，分为客户端和服务端。客户端（目前客户端有Python、PHP、C#、Ruby等语言）嵌入在你的应用中间。发送消息，服务器会将消息记录在数据库中，并提供网页程序方便查看。Sentry使用python编写，源代码开源，性能优良，易于扩展。目前知名用户包括Disqus、Path、mozilla、Pinterest等。JSHint地址：https://jshint.com/JSHint是一款Javascript代码分析检测工具，不仅可以帮助我们检测JS代码错误和潜在问题，也帮助我们规范代码开发。JSHint扫描用JavaScript编写的程序并报告常见错误和潜在错误。潜在的问题可能是语法错误、由隐式类型转换引起的错误、泄漏的变量，或者完全是其他原因。JSHint扫描用JavaScript编写的程序并报告常见错误和潜在错误。潜在的问题可能是语法错误、隐式类型转换导致的错误、变量泄漏，或者完全是其他原因。下面是一个示例函数，用它来看JSHint的运行情况：BrowserStack地址：https://www.browserstack.com/现在自带内核的浏览器越来越多，它们的特点也大不相同。如果作为一个前端攻城工程师，要检查各种浏览器在不同操作系统和移动平台下的兼容性，那是相当痛苦的。看到自己的电脑上安装了虚拟机配置各种环境，自己的电脑上也搭建了这样的环境，然后一一测试。但是，人的精力毕竟是有限的，我们不可能在同一台电脑上安装那么多的系统。多浏览器。幸运的是，BrowserStack是前端福音。BrowserStack是一款在线云测试工具，提供网站浏览器兼容性测试，让开发者和测试者无需准备很多虚拟机或手机模拟器。BrowserStack是一款提供网站浏览器兼容性测试的在线云应用，支持9大操作系统的100多种浏览器。支持本地测试和与VisualStudio集成。或者你可以直接去http://modern.ie在线测试。现在注册，您可以免费试用三个月。三个月后，您将被收取费用。如果您想在三个月后使用它并且不想付款，您知道。作者：MahdhiRezvi译者：FrontendXiaozhi来源：medium原文：https://medium.com/better-programming/7-must-use-front-end-debugging-tools-53ab1807ad68本文转载自微信公众号《大举走向世界》，您可以通过以下二维码关注。转载本文请联系大千世界公众号。
