Debug使用技巧（二）

——DebugWithChrome

       前端也能使用Debug工具(类Debug),对于Java开发者使用到js时,必要的调试手段时必须的,推荐使用chrome浏览器作为首选调试浏览器;首先我们来了解一下chrome浏览器的前端调试页面:

       1.打开chrome浏览器,使用功能键F12打开开发者工具,并访问资源文件打开视图:

       开发者工具中的三个视图框:

Network:主要用来查看请求和响应信息;

Sources:资源文件展示框;

Console:控制台;

       如果响应的页面中由错误信息,就会在左上角展示错误的数量,点击红叉可以直接跳转到控制台页面;点击控制台上的错误链接可以直接跳转到资源文件视图,并展示错误的位置:

       2.查看错误信息

根据错误信息到程序源码中修改即可;

       3.断点调试

断点调试方法跟eclipse中的debug工具类似,可以根据断点调试查看参数;根据参数情况判断程序数据的正确性;

往期精彩：

Debug使用场景和基本用法（一）

6666666666666