1.以谷歌浏览器webkit内核为主
- Chrome
- Safari
- 国内浏览器(360、搜狗、UC)
- Gecko内核
- Firefox
- Trident内核
- IE浏览器(IE6)
不同浏览器渲染的机制不一样,因为采用不同的内核来处理
开发者工具
- Elements
包含了页面所有的样式和结构,可以快速查看和调整页面的样式结构 - Console
可以向控制台中输入一些内容,来进行项目的调试;如果项目程序出现问题,也可以在控制台查看报错信息;也可以在控制台编写代码,进行测试 - Network
包含了所有向服务器发送的HTTP请求,一般用于前后端交互的BUG调试及页面中的性能优化 - Source
包含项目中所有的源代码 - Application
可以看到本地存储的信息(Cookie、 LocalStorage、 SessionStorage),以及当前网站中所有加载的图片等信息(Frames里)