美文网首页饥人谷技术博客
从输入URL到页面显示、这个过程到底发生了什么?

从输入URL到页面显示、这个过程到底发生了什么?

作者: 7YearsOld | 来源:发表于2017-09-29 16:20 被阅读0次

前言

每天我们都会花费大量的时间去浏览网站,但是你是否了解这个过程到底发生了什么,现在我们一起来探究一下。(持续更新)

过程

  • 地址栏输入url地址
  • 域名解析
  • 服务器处理
  • 网站处理
  • 浏览器处理

详述

  • 输入url
    我们在地址栏输入:https://www.baidu.com
  • 域名解析
    1、浏览器dns缓存
    首先浏览器会去自己的dns缓存地址查看是否有当前地址的缓存记录
    在一定的时间之内、浏览器访问具有缓存记录的网址,浏览器直接使用缓存ip地址进行访问。
    chrome 控制台输入 chrome://dns/
    效果图
    浏览器缓存
    2、系统缓存
    顾名思义、系统缓存就是存放在系统之中的(我说的都是实话、放下你手里的砖头)。
    严肃一点。其实是缓存数据是存在放在host文件中。
    有些老司机这个时候就会明白、为什么修改host文件就能翻墙了。
    host
    3、路由器缓存
    我们的路由器里面都会存放一些域名信息的数据。
    4、ISP缓存
    给你提供网络的供应商的缓存信息。
    5、经过以上4种方式、你都没有找到缓存信息、那么可能你是第一次访问这个url
    网上找的一张图、说明整个过程:
    首先浏览器按照:根域名->.com ->google.com->www.google.com
    找到之后将信息缓存起来、下次访问直接查找缓存即可。
    域名解析
  • 服务器处理
    常见的web服务器:Apache Nginx IIS Lighttpd
    就自己配置的阿里云来讲解:
    购买域名后、对域名进行解析、解析后的域名都是指向我们阿里云的80端口,那么既然都指向同一个ip同一个端口。那么问题来了,我们如何确定我们输入的url就是我们想要找到的页面。
    这时候就是nginx上场的时候了:nginx 反向代理功能
    (改天补充细节)


    nginx
  • 网站处理
    后端渲染模板(后续补充)
  • 浏览器处理
    1、http请求
    2、浏览器渲染
    经典图片奉上:(具体流程日后更新)


    浏览器渲染

    未完待续。。。

相关文章

网友评论

    本文标题:从输入URL到页面显示、这个过程到底发生了什么?

    本文链接:https://www.haomeiwen.com/subject/wpdiextx.html