![js中有["1","2","3","4"]这样一个string，怎么把它变成array](/aiimages/js%E4%B8%AD%E6%9C%89%5B%26quot%3B1%26quot%3B%2C%26quot%3B2%26quot%3B%2C%26quot%3B3%26quot%3B%2C%26quot%3B4%26quot%3B%5D%E8%BF%99%E6%A0%B7%E4%B8%80%E4%B8%AAstring%EF%BC%8C%E6%80%8E%E4%B9%88%E6%8A%8A%E5%AE%83%E5%8F%98%E6%88%90array.png)
需要准备的材料分别有：电脑、chrome浏览器。
1、首先，chrome浏览器，以zhidao.baidu.com为例，进入网页。
2、键盘按F12，显示出开发者工具面板，点击“Network”的“JS”选项。
3、刷新页面，此时会列出所有调用的js文件。
Postman几乎所有前端应用程序都发送和接收JSON响应和请求。应用程序通过请求 API 可以做很多事情，例如身份验证，用户数据传输，甚至是一些简单的事情，例如获取所在位置的当前天气。
CSS Lint
你不仅可以使用CSS Lint工具验证代码，还可以使用它选择要测试的错误和警告。它执行基本的语法检查，并对代码应用一组规则，以查找有问题的模式或低效的迹象。
JSON格式和验证器
在未格式化的JSON中，很难发现语法错误或值不正确的键，因为它很难读取。当缩小的JSON文件中有缺行返回沙空格时，读取和发现错误可能很有挑战性。你需要能够快速扫描该对象并检查格式或内容中的错误。
Sentry
一旦你发布了你的应用程序，它将会运行在一系列的设备上。在任何软件开发生命周期中，测试阶段都是作为一个标准过程实现的。该阶段包括单元测试、系统测试、集成测试等。
JSHint
这是一个在JS代码中检测错误和潜在问题的工具,静态代码分析工具(如JSHint)可以帮助开发人员发现很难发现的问题。JSHint扫描一个用JavaScript编写的程序，并报告常见的错误和潜在的bug。潜在的问题可能是语法错误、隐式类型转换导致的错误、泄漏变量或其他完全的问题。
BrowserStack
BrowserStack是一组工具，可以帮助你模拟用户所经历错误的确切环境。设备+操作系统+浏览器是一个非常大的组合，这时这个工具的使用就显得十分必要了。辅助使用Sentry等错误记录工具，你可以充分发挥该工具的作用。
点击菜单->工具->Web开发者->切换工具，便可看到如下图示：
默认的Web开发者工具包含控制台、查看器、调试器、央视编辑器、分析器和网络分析器这6个部分，本文要说的是网络分析器这部分。
点击Web开发者工具的“网络”标签，如上图，会看到下面出现一个空表单头，包含的内容有方法、文件、域名、类型、大小和时间线，在最下面还有几个标签可以切换：所有、HTML、CSS、JS、XHR、字体、图片、媒体、Flash。
利用网络分析器分析网页：
1、把窗口切换到“网络分析器”（如下图，点击“网络”这个标签）。
2、然后访问需要分析的网页，这时可以看到网页的瀑布流请求和时间线显示，如下图
3、通过上图所示，可以清晰的看到网页内部各文件的请求情况，右侧是访问时间线。
4、点击任何一行，右边就会出现该请求的详细信息，如下图所示：
5、再想展开时，点击那个展开的图标即可，如下图：
