1.url解析 提取信息
2.拿到上一步解析的域名去DNS上查找该域名对应的IP
3.带着所有的请求信息,去这IP地址上请求资源,从服务器上把请求到的资源下载下来
4.浏览器拿到这个资源后,根据这些资源的类型,做了不同方式的解析
url
https://www.jianshu.com/users/recommended?seen_ids=&count=5&only_unfollowed=true
- 协议:https
- 域名 + 端口: www.jianshu.com:80
- 路径: /recommended
- 参数: seen_ids=&count=5&only_unfollowed=true
DNS查询(域名系统)
- 把域名转换成IP地址
- DNS 缓存查找 (缓存时间)
资源请求
- 浏览器------------(request header & 参数)-------------------》后端服务器
- 浏览器《------------(status & response header & body)-------------------后端服务器
浏览器解析
- 加载html,构建DOM 树,遇到一个node节点,就放到DOM树里
- 当加载DOM 树的同时遇到JS文件,构建DOM树工作就停下来,先放JS加载和执行
- 构建DOM完了后就渲染树(DOM树&CSS样式表结合)==》布局定位==》绘制到浏览器上