從輸入U(xiǎn)RL到頁(yè)面顯示、這個(gè)過程到底發(fā)生了什么?

前言

每天我們都會(huì)花費(fèi)大量的時(shí)間去瀏覽網(wǎng)站,但是你是否了解這個(gè)過程到底發(fā)生了什么,現(xiàn)在我們一起來探究一下。(持續(xù)更新)

過程

  • 地址欄輸入url地址
  • 域名解析
  • 服務(wù)器處理
  • 網(wǎng)站處理
  • 瀏覽器處理

詳述

  • 輸入url
    我們?cè)诘刂窓谳斎耄?code>https://www.baidu.com
  • 域名解析
    1、瀏覽器dns緩存
    首先瀏覽器會(huì)去自己的dns緩存地址查看是否有當(dāng)前地址的緩存記錄
    在一定的時(shí)間之內(nèi)、瀏覽器訪問具有緩存記錄的網(wǎng)址,瀏覽器直接使用緩存ip地址進(jìn)行訪問。
    chrome 控制臺(tái)輸入 chrome://dns/
    效果圖
    瀏覽器緩存

    2、系統(tǒng)緩存
    顧名思義、系統(tǒng)緩存就是存放在系統(tǒng)之中的(我說的都是實(shí)話、放下你手里的磚頭)。
    嚴(yán)肅一點(diǎn)。其實(shí)是緩存數(shù)據(jù)是存在放在host文件中。
    有些老司機(jī)這個(gè)時(shí)候就會(huì)明白、為什么修改host文件就能翻墻了。
    host

    3、路由器緩存
    我們的路由器里面都會(huì)存放一些域名信息的數(shù)據(jù)。
    4、ISP緩存
    給你提供網(wǎng)絡(luò)的供應(yīng)商的緩存信息。
    5、經(jīng)過以上4種方式、你都沒有找到緩存信息、那么可能你是第一次訪問這個(gè)url
    網(wǎng)上找的一張圖、說明整個(gè)過程:
    首先瀏覽器按照:根域名->.com ->google.com->www.google.com
    找到之后將信息緩存起來、下次訪問直接查找緩存即可。
    域名解析
  • 服務(wù)器處理
    常見的web服務(wù)器:Apache Nginx IIS Lighttpd
    就自己配置的阿里云來講解:
    購(gòu)買域名后、對(duì)域名進(jìn)行解析、解析后的域名都是指向我們阿里云的80端口,那么既然都指向同一個(gè)ip同一個(gè)端口。那么問題來了,我們?nèi)绾未_定我們輸入的url就是我們想要找到的頁(yè)面。
    這時(shí)候就是nginx上場(chǎng)的時(shí)候了:nginx 反向代理功能
    (改天補(bǔ)充細(xì)節(jié))


    nginx
  • 網(wǎng)站處理
    后端渲染模板(后續(xù)補(bǔ)充)
  • 瀏覽器處理
    1、http請(qǐng)求
    2、瀏覽器渲染
    經(jīng)典圖片奉上:(具體流程日后更新)


    瀏覽器渲染

    未完待續(xù)。。。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

推薦閱讀更多精彩內(nèi)容