1.浏览器控制台调试方法
- 控制台打印
- debug工具（开发者工具-sources-top右键-Add folder to wordspace 左侧行号打断点。
2.代码打断点
3.network查看加载的东西
4.浏览器查看伪元素（：acrive :hover :focus :visited)
接口调试：postman
ieTester来测试各个IE版本的页面兼容性，其实新版的ieTester(点击下载目前最新版的ieTester v0.3.2 ）还有一个很强大的页面调试插件：DebugBar。
5.前端开发调试线上代码的两款工具 Charles Fiddler
- Charles 界面简单直观，易上手，数据请求控制容易，修改也简单，抓取数据的开始暂停也方便。1安装前提需要java环境，下载JDK;下载Charles可去官网，线上代码调试：启动Charles打开浏览器，访问调试地址，选择需要调试的文件，下载到本地；把线上的的该文件的url映射到本地下载的文件，下载文件后，启动Charles，浏览器打开url，看到Charles已经捕捉到该页面的请求，选择菜单tools->MapLocal,直接邮寄该文件弹出菜单选择。选择本地文件，修改。回到浏览器刷新。
- Fiddler 前端使用最广泛的线上调试工具，不依赖环境，直接安装，缺点只能在为你上使用。下载安装。清掉现有请求数据，浏览器打开访问url，Fiddler捕捉其中的请求，找到修改文件，右侧页面切换到AutoResponser，勾上前两个选项，吧左侧的文件拖到AutoResponser里，右下角最下面的下拉选择Find a file，选择之前下载到本地的文件，保存，此时任意修改本地文件，回到浏览器刷新即可看到效果。