WEB测试的方法 - ashorefish/-software-test GitHub Wiki
1、查看控制台输出日志信息
2、调试JS 按F12打开网页调试工具，默认打开的是Elements，显示的是网页标签元素 给js代码打断点，首先需要找到js资源文件，选择Source的tab标签，出现资源文件目录，选择对应的js代码文件 在js代码文件左侧栏单击可以添加断点，再点击可以移除断点 断点添加完成之后，F5刷新浏览器，可以看到代码执行到断点位置停了下来。光标放在变量名上，可以显示出变量值 还可以选择一个表达式，可以直接显示出这个表达式执行的结果 点击右侧单步跳转，可以逐行调试，也可以点击进入某个函数方法内部，可以从某个函数方法直接跳出，也可以点击第一个按钮，直接跳转到下一个断点或直接结束。下方可以看到断点的详细信息，如监控变量、调用栈、事件等。
”逐语句执行“或者叫”逐步执行“，每点击它一次，js语句就会往后执行一句，它还有一个快捷键，F10 “逐过程执行”按钮，和“逐语句执行”按钮不同，“逐过程执行”按钮常用在一个方法调用多个js文件时，涉及到的js代码比较长，则会使用到这个按钮
对于调试js代码，不打断点的话，可以通过console.log方式打印日志信息，也是不错的调试方法
在这里给大家说说我对console这个控制台的理解：这个东东就是一个js解析器，是浏览器本身用来解析运行js的家伙，只不过浏览器通过console让我们开发者在调试过程中，可以控制js的运行以及输出。通过上面的两种方法，大家可能觉得使用起来很简单，但是我要给大家提醒一下，或者说是一些新手比较容易遇到的困惑。
困惑一：在没有打断点的情况下，在console输入i，结果console报错了。 这应该是新手很常见的问题，为什么不打断点我就没有办法在控制台直接输出变量的值呢？个人理解这时候i只是一个局部变量，如果不打上断点，浏览器会把所有的js全部解析完成，console并不能访问到局部变量，只能访问到全局变量，所以这时候console会报错i未定义，但是当js打上断点时，console解析到了局部变量i所在的函数内，这时候i是能够被访问的。
困惑二：为什么我直接在console里输入$(“.xxx”)能打印出东西来呢？ 很简单，console本身就是一个js解析器，$(“.xxx”)就是一个js语句，所以自然console能够解析这个语句然后输出结果。
3、查看网络请求
4、查看后台日志
5、进行远程调试