source调试
打开要调试的页面,按下F12键,打开调试窗口source标签页,可以查看到网页资源,
选择要调试的js文件
![5903023-3bda38c81f0c4953.png](https://i-blog.csdnimg.cn/blog_migrate/084d91801069747746b456ca9083d2ee.webp?x-image-process=image/format,png)
QQ图片20170618154024.png
- 选择要查看的数组categories,右键选择Evaluate in console选项,查看categories中的值,从而确认后台传递过来的数据是否正确
![5903023-024c092b35579d49.png](https://i-blog.csdnimg.cn/blog_migrate/e89610ae21a8ffabe54e6ac7fbe39a9f.webp?x-image-process=image/format,png)
Paste_Image.png
如图所示,通过浏览器调试得到categories和values中的值分别为
![5903023-b33d81f1d2c984cf.png](https://i-blog.csdnimg.cn/blog_migrate/87fb4903106aa735d1db71819018121e.webp?x-image-process=image/format,png)
Paste_Image.png
network调试
选择network标签可以查看请求和响应的具体参数信息,包括请求头和请求内容,协议等等。
![5903023-abadd508babec471.png](https://i-blog.csdnimg.cn/blog_migrate/222b189895fd75c7f003a74344be9269.webp?x-image-process=image/format,png)
Paste_Image.png