进入项目，启动服务器，获得地址，然后在各个浏览器中打开，查看有没有问题。
各浏览器的调试工具：
一、PC端
1.Firefox：
自带的和firebug
2.Safari：
3.Opera
开发者工具和Google差不多
Operak Ddeeveloper开发者版有一个自带的可以翻墙的工具
4.IE
window10自带的浏览器是Edge，找到IE浏览器，就可以找到旧版IE
IETester工具，模拟测试IE各个版本，打开工具，输入网址。（模拟测试不绝对，与真实的IE测试结果可能会有出入）
最好的方法是安装IE相应版本的虚拟机，安装后就获得相应版本的IE，可以到原生IE浏览器去测试。
微软官网提供各种版本的虚拟机
ievms也提供很多虚拟机
需要使用虚拟机软件来安装
VirtualBox
其他
二、移动端
1.买设备调试
目前主流设备的统计：友盟指数
云测试网站
三、通用的处理兼容性的方法
1.http://browserhacks.com/：各个浏览器hacks的写法，针对某个浏览器改变样式即可。
2.https://github.com/aFarkas/html5shiv：引入这个库，使老的浏览器也能支持HTML5的标签。核心：声明了新标签
3.https://github.com/scottjehl/Respond：引入这个库，给IE6-IE8等老旧浏览器提供媒体查询的支持。
4.https://modernizr.com/：这是一个JS库，可检测HTML5和css3的支持情况，如果支持就添加相应的类。
检测某个特性，比如检测SVG矢量图的兼容性，官网下载，勾选SVG，点击Build，点击Copy to Clipboard
回到项目，在项目中新建一个js文件，把刚刚复制的代码粘贴进去，就能检测是否支持SVG，在首页HTML文件中《script》最上面引入，在浏览器中刷新页面，打开开发者工具，如果支持则看到HTML标签下多了SVG这个类，如果不支持则多了no-svg这个类。那么就可以针对某个类来写样式，起到防御性作用。
5.可以到https://caniuse.com/查询某个属性的兼容性
6.省时的浏览器同步测试工具http://www.browsersync.cn/
首先按照npm的方式安装：$npm install -g browser-sync
如果在安装时报错，一般是window用户，官网有解决办法。http://www.browsersync.cn/docs/#windows-users
出现一大堆东西，说明安装成功
接着输入命令
回车，页面就在浏览器中打开，命令窗口就显示
在各个浏览器中打开链接，就能看见全部浏览器同步滚动，同步修改。
（ps 如有出错，请指出，感谢！）