- 1.首先,在浏览器地址栏输入url
- 2.浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有，会直接在屏幕中显示页面内容。若没有，则跳到第三步操作。
- 3.在发送http请求前,需要域名解析(DNS解析)，解析获取相应的IP地址。
- 4.浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。
- 5.握手成功后，浏览器向服务器发送http请求，请求数据包。
- 6.服务器处理收到的请求，将数据返回至浏览器
- 7.浏览器收到HTTP响应
- 8.读取页面内容，浏览器渲染，解析html源码
- 9.生成Dom树、解析css样式、js交互
- 10.客户端和服务器交互
从输入一个url到浏览器页面展示都经历了哪些过程
2023-08-02
74
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
从输入一个url到浏览器页面展示都经历了哪些过程
目录
相关文章
|
2月前
|
缓存
JavaScript
|
3月前
|
数据采集
Web App开发
JSON
浏览器插件：WebScraper基本用法和抓取页面内容(不会编程也能爬取数据)
本文以百度为实战案例演示使用WebScraper插件抓取页面内容保存到文件中。以及WebScraper用法【2月更文挑战第1天】
135
2
2
|
3月前
|
缓存
网络协议
前端开发
|
23天前
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
【超实用】Angular如何修改当前页面网页浏览器url后面?param1=xxx¶m2=xxx参数（多用于通过浏览器地址参数保存用户当前操作状态的需求），实现监听url路由切换、状态变化。
13
0
0
|
23天前
|
JavaScript
|
24天前
|
搜索推荐
前端开发
UED
|
2月前
|
Web App开发
缓存
网络协议
|
4月前
|
搜索推荐
前端开发
UED
|
4月前
|
前端开发
如何让url在新页面打开路由页面，并脱离vue-admin-template的壳，即不包裹在侧边栏和顶栏中
如何让url在新页面打开路由页面，并脱离vue-admin-template的壳，即不包裹在侧边栏和顶栏中
25
0
0
|
4月前
|
缓存
网络协议
前端开发
热门文章
最新文章
1
「Python系列」Python urllib库（操作网页URL对网页的内容进行抓取处理）
2
对象存储OSS产品常见问题之在URL中包含签名如何解决
3
前端vue2、vue3去掉url路由“ # ”号——nginx配置（二）
4
【Python+微信】【企业微信开发入坑指北】4. 企业微信接入GPT，只需一个URL，自动获取文章总结
5
《手把手教你》系列技巧篇（二十三）-java+ selenium自动化测试-webdriver处理浏览器多窗口切换下卷（详细教程）
6
如何使用浏览器调试前端代码？
7
JS：如何获取浏览器窗口尺寸？
8
如何在Ubuntu使用宝塔部署Emlog网站并发布到公网实现任意浏览器访问
9
查看edge浏览器插件的安装位置并将插件安装到别的浏览器
10
【AI大模型应用开发】【LangChain系列】实战案例2：通过URL加载网页内容 - LangChain对爬虫功能的封装
1
调试前端时，在浏览器上修改参数并重新调用接口
42
2
《手把手教你》系列基础篇之（四）-java+ selenium自动化测试- 启动三大浏览器（下）基于Maven（详细教程）
66
3
【问题篇】浏览器get请求带token
58
4
Rtsp转Flv在浏览器中播放
103
5
分析网站架构：浏览器插件
46
6
《手把手教你》系列基础篇之（三）-java+ selenium自动化测试- 启动三大浏览器（上）（详细教程）
45
7
微信公众号H5开发，在微信浏览器打开H5，无法一键下载图片
42
8
微信外部浏览器或短信链接唤起微信小程序的解决方案
150
9
vue-cli 如何让Eslint 报错在浏览器控制台输出
33
10
js阻止浏览器默认事件和防止事件传播事件
21