從輸入url到頁面展現(xiàn)過程中發(fā)生了什么

1）把URL分割成幾個部分：協(xié)議、網(wǎng)絡(luò)地址赘来、資源路徑现喳。其中網(wǎng)絡(luò)地址指示該連接網(wǎng)絡(luò)上哪一臺計算機，可以是域名或者IP地址犬辰，可以包括端口號嗦篱；協(xié)議是從該計算機獲取資源的方式，常見的是HTTP忧风、FTP默色，不同協(xié)議有不同的通訊內(nèi)容格式；資源路徑指示從服務(wù)器上獲取哪一項資源狮腿。例如：http://www.guokr.com/question/554991/協(xié)議部分：http網(wǎng)絡(luò)地址：www.guokr.com資源路徑：/question/554991/

2）如果地址不是一個IP地址腿宰，通過DNS（域名系統(tǒng)）將該地址解析成IP地址。IP地址對應(yīng)著網(wǎng)絡(luò)上一臺計算機缘厢，DNS服務(wù)器本身也有IP吃度，你的網(wǎng)絡(luò)設(shè)置包含DNS服務(wù)器的IP。例如：www.guokr.com 不是一個IP贴硫，向DNS詢問請求www.guokr.com 對應(yīng)的IP椿每，獲得IP： 111.13.57.142。這個過程里英遭，你的電腦直接詢問的DNS服務(wù)器可能沒有www.guokr.com 對應(yīng)的IP间护，就會向它的上級服務(wù)器詢問，上級服務(wù)器同樣可能沒有挖诸，就依此一層層向上找汁尺，最高可達根節(jié)點，找到或者全部找不到為止多律。

3）如果地址不包含端口號痴突，根據(jù)協(xié)議的默認(rèn)端口號確定一個搂蜓。端口號之于計算機就像窗口號之于銀行，一家銀行有多個窗口辽装，每個窗口都有個號碼帮碰，不同窗口可以負責(zé)不同的服務(wù)。端口只是一個邏輯概念拾积，和計算機硬件沒有關(guān)系殉挽。例如：www.guokr.com 不包含端口號，http協(xié)議默認(rèn)端口號是80殷勘。如果你輸入的url是http://www.guokr.com:8080/ 此再，那表示不使用默認(rèn)的端口號，而使用指定的端口號8080玲销。

4）向2和3確定的IP和端口號發(fā)起網(wǎng)絡(luò)連接输拇。例如：向111.13.57.142的80端口發(fā)起連接

5）根據(jù)http協(xié)議要求，組織一個請求的數(shù)據(jù)包贤斜，里面包含大量請求信息策吠，包括請求的資源路徑、你的身份例如：用自然語言來表達這個數(shù)據(jù)包瘩绒，大概就是：請求 /question/554991/ 猴抹，我的身份是xxxxxxx。

6）服務(wù)器響應(yīng)請求锁荔，將數(shù)據(jù)返回給瀏覽器蟀给。數(shù)據(jù)可能是根據(jù)HTML協(xié)議組織的網(wǎng)頁，里面包含頁面的布局阳堕、文字跋理。數(shù)據(jù)也可能是圖片、腳本程序等√褡埽現(xiàn)在你可以用瀏覽器的“查看源代碼”功能前普，感受一下服務(wù)器返回的是什么東東。如果資源路徑指示的資源不存在壹堰，服務(wù)器就會返回著名的404錯誤拭卿。

7）如果（6）返回的是一個頁面，根據(jù)頁面里一些外鏈的URL贱纠，例如圖片的地址峻厚，按照（1）－（6）再次獲取。

8）開始根據(jù)資源的類型谆焊，將資源組織成屏幕上顯示的圖像目木，這個過程叫渲染，網(wǎng)頁渲染是瀏覽器最復(fù)雜、最核心的功能刽射。

9）將渲染好的頁面圖像顯示出來，并開始響應(yīng)用戶的操作剃执。

以上只是最基本的步驟誓禁，實際不可能就這么簡單，一些可選的步驟例如網(wǎng)頁緩存肾档、連接池摹恰、加載策略、加密解密怒见、代理中轉(zhuǎn)等等都沒有提及俗慈。TCP/IP、DNS遣耍、HTTP闺阱、HTML：每一個都可以展開成龐大的課題，而瀏覽器的基礎(chǔ)——操作系統(tǒng)舵变、編譯器酣溃、硬件等更是一個比一個復(fù)雜。這每一個步驟都經(jīng)過深思熟慮和時間的考驗纪隙。URL即可瀏覽互聯(lián)網(wǎng)赊豌，而計算機系統(tǒng)在背后做了無數(shù)看不到的工作，計算機各個子領(lǐng)域無數(shù)工程師為此付出你難以想象的努力绵咱。

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末碘饼，一起剝皮案震驚了整個濱河市，隨后出現(xiàn)的幾起案子悲伶，更是在濱河造成了極大的恐慌艾恼，老刑警劉巖，帶你破解...
    沈念sama閱讀 221,576評論 6贊 515
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件拢切，死亡現(xiàn)場離奇詭異蒂萎，居然都是意外死亡，警方通過查閱死者的電腦和手機淮椰，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,515評論 3贊 399
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門五慈，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人主穗，你說我怎么就攤上這事泻拦。” “怎么了忽媒？”我有些...
    開封第一講書人閱讀 168,017評論 0贊 360
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵争拐，是天一觀的道長。 經(jīng)常有香客問我晦雨，道長架曹，這世上最難降的妖魔是什么隘冲？ 我笑而不...
    開封第一講書人閱讀 59,626評論 1贊 296
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮绑雄，結(jié)果婚禮上展辞，老公的妹妹穿的比我還像新娘。我一直安慰自己万牺，他們只是感情好罗珍，可當(dāng)我...
    茶點故事閱讀 68,625評論 6贊 397
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著脚粟，像睡著了一般覆旱。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上核无，一...
    開封第一講書人閱讀 52,255評論 1贊 308
  • 城市分裂傳說
    那天扣唱，我揣著相機與錄音，去河邊找鬼厕宗。 笑死画舌，一個胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的已慢。 我是一名探鬼主播曲聂，決...
    沈念sama閱讀 40,825評論 3贊 421
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼佑惠！你這毒婦竟也來了朋腋？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 39,729評論 0贊 276
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤膜楷，失蹤者是張志新（化名）和其女友劉穎旭咽，沒想到半個月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體赌厅，經(jīng)...
    沈念sama閱讀 46,271評論 1贊 320
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡穷绵，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,363評論 3贊 340
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了特愿。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片仲墨。...
    茶點故事閱讀 40,498評論 1贊 352
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖揍障，靈堂內(nèi)的尸體忽然破棺而出目养，到底是詐尸還是另有隱情，我是刑警寧澤毒嫡，帶...
    沈念sama閱讀 36,183評論 5贊 350
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布癌蚁，位于F島的核電站，受9級特大地震影響，放射性物質(zhì)發(fā)生泄漏努释。R本人自食惡果不足惜碘梢，卻給世界環(huán)境...
    茶點故事閱讀 41,867評論 3贊 333
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望伐蒂。 院中可真熱鬧痘系，春花似錦、人聲如沸饿自。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,338評論 0贊 24
  • 一樁弒父案龄坪，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽昭雌。三九已至，卻和暖如春健田，著一層夾襖步出監(jiān)牢的瞬間烛卧，已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,458評論 1贊 272
  • 情欲美人皮
    我被黑心中介騙來泰國打工妓局， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留总放，地道東北人。 一個月前我還...
    沈念sama閱讀 48,906評論 3贊 376
  • 代替公主和親
    正文 我出身青樓好爬，卻偏偏與公主長得像局雄，于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子存炮，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,507評論 2贊 359

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