敲入网址后,发生什么?
第一步,解析域名,找到主机IP
第二部,浏览器与网站建立TCP连接
第三部分,浏览器发起GET请求
第四部分,显示页面或返回其他
7大结构
1用户界面,按钮菜单
2渲染引擎,把css dom渲染
3浏览器引擎,衔接1和2的用户控制渲染
4网络,http请求等
5用户后端ui
6js v8引擎
7浏览器缓存,9个,http缓存 websql cashstorage applicationCache缓存图片js 等 cookie sessionstorage localstorage
applicationCache缓存 mainifest
页面读取缓存
<!doctype html>
<html manifest="manifest.appcache">
...
</html>
工作原理4步
1解析html构建Dom
2构建渲染树,去除第一步的head display等
3布局渲染树,position zindex widthheight overflow
4绘制渲染树,浏览器底层api