從輸入網(wǎng)址到頁面呈現(xiàn)過程淺析

前戲

直接按順序講滩援,中間帶些概念解釋。盡量講的簡短些吧塔嬉,畢竟懶233玩徊。。

正文

1. 輸入網(wǎng)址

網(wǎng)址谨究,也就是URL(統(tǒng)一資源定位符)恩袱,用來定位用戶想要訪問的網(wǎng)頁。它的標準格式是這樣的:

協(xié)議類型:[//服務(wù)器地址[:端口號]][/資源層級UNIX文件路徑]文件名[?查詢][#片段ID]

然而一般情況只需要輸入域名就可以了胶哲,比如直接輸入www.baidu.com就可以直接跳轉(zhuǎn)到百度畔塔。因為瀏覽器會自動補全協(xié)議類型(http)、端口號(80)和路徑(/)。

2. 解析域名

單獨只靠域名是無法找到對應(yīng)的服務(wù)器的澈吨,為了找到服務(wù)器把敢,需要先得到服務(wù)器的IP地址。這里就需要使用DNS(域名系統(tǒng))將域名解析為對應(yīng)的IP地址谅辣。而DNS實際上就是一個存儲域名與IP相互映射的數(shù)據(jù)庫修赞。

3. 瀏覽器發(fā)送請求

拿到IP地址之后瀏覽器便可以向服務(wù)器發(fā)送請求。而請求的格式需要遵守一種約定桑阶,也就是HTTP(超文本傳輸協(xié)議)榔组,HTTP是客戶端和服務(wù)器請求和應(yīng)答的標準,也是必須遵守的規(guī)定联逻。這個標準規(guī)定了請求大概是這樣的:

看下第一行就可以了。其中GET表示請求方式检痰,中間的“ / ”表示請求的路徑包归,后面的HTTP/1.1就是HTTP協(xié)議版本。這樣瀏覽器就把請求交給了服務(wù)器并且等它回應(yīng)铅歼。

4. 服務(wù)器響應(yīng)請求

服務(wù)器拿到請求之后會根據(jù)請求的路徑返回不同的文件內(nèi)容公壤。例如訪問某服務(wù)器的/index.html路徑時,服務(wù)器內(nèi)部就會響應(yīng)請求并將這個路徑對應(yīng)的文件內(nèi)容傳輸回客戶端椎椰。這里涉及到TCP(傳輸控制協(xié)議)厦幅,只需要了解HTTP傳輸是基于TCP即可。

根據(jù)HTTP協(xié)議慨飘,服務(wù)器相應(yīng)返回的結(jié)果大概是這樣的:

同樣只需要看下第一行就好了确憨。中間的200是HTTP狀態(tài)碼,200就表示成功瓤的,后面的OK跟狀態(tài)碼一起的休弃,用來解釋狀態(tài)碼。

(服務(wù)器端需要指定Content-Type的值以確定返回文件類型)

5. 瀏覽器解析文件內(nèi)容

瀏覽器接收到文件后就開始逐行解析文件的內(nèi)容圈膏。如果文件中又包含另外的請求塔猾,如在html文件中遇到link標簽,則需要根據(jù)指定路徑再次發(fā)送請求稽坤,也就是重復(fù)第3到4步丈甸。直到所有文件全部解析請求完畢。

6. 將請求結(jié)果呈現(xiàn)到頁面

當所有請求與接收全部完成之后尿褪,一個完整的頁面就被呈現(xiàn)到了用戶的面前睦擂。

結(jié)語

沒有結(jié)語,鏈接都在正文里了茫多。祈匙。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子夺欲,更是在濱河造成了極大的恐慌跪帝,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,729評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件些阅,死亡現(xiàn)場離奇詭異伞剑,居然都是意外死亡,警方通過查閱死者的電腦和手機市埋,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,226評論 3 399
  • 文/潘曉璐 我一進店門黎泣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人缤谎,你說我怎么就攤上這事抒倚。” “怎么了坷澡?”我有些...
    開封第一講書人閱讀 169,461評論 0 362
  • 文/不壞的土叔 我叫張陵托呕,是天一觀的道長。 經(jīng)常有香客問我频敛,道長项郊,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,135評論 1 300
  • 正文 為了忘掉前任斟赚,我火速辦了婚禮着降,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘拗军。我一直安慰自己任洞,他們只是感情好,可當我...
    茶點故事閱讀 69,130評論 6 398
  • 文/花漫 我一把揭開白布食绿。 她就那樣靜靜地躺著侈咕,像睡著了一般。 火紅的嫁衣襯著肌膚如雪器紧。 梳的紋絲不亂的頭發(fā)上耀销,一...
    開封第一講書人閱讀 52,736評論 1 312
  • 那天,我揣著相機與錄音铲汪,去河邊找鬼熊尉。 笑死,一個胖子當著我的面吹牛掌腰,可吹牛的內(nèi)容都是我干的狰住。 我是一名探鬼主播,決...
    沈念sama閱讀 41,179評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼齿梁,長吁一口氣:“原來是場噩夢啊……” “哼催植!你這毒婦竟也來了肮蛹?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 40,124評論 0 277
  • 序言:老撾萬榮一對情侶失蹤创南,失蹤者是張志新(化名)和其女友劉穎伦忠,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體稿辙,經(jīng)...
    沈念sama閱讀 46,657評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡昆码,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,723評論 3 342
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了邻储。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片赋咽。...
    茶點故事閱讀 40,872評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖吨娜,靈堂內(nèi)的尸體忽然破棺而出脓匿,到底是詐尸還是另有隱情,我是刑警寧澤宦赠,帶...
    沈念sama閱讀 36,533評論 5 351
  • 正文 年R本政府宣布亦镶,位于F島的核電站,受9級特大地震影響袱瓮,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜爱咬,卻給世界環(huán)境...
    茶點故事閱讀 42,213評論 3 336
  • 文/蒙蒙 一尺借、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧精拟,春花似錦燎斩、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,700評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至师枣,卻和暖如春怪瓶,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背践美。 一陣腳步聲響...
    開封第一講書人閱讀 33,819評論 1 274
  • 我被黑心中介騙來泰國打工洗贰, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留年缎,地道東北人蜀涨。 一個月前我還...
    沈念sama閱讀 49,304評論 3 379
  • 正文 我出身青樓行楞,卻偏偏與公主長得像球及,于是被迫代替她去往敵國和親绢淀。 傳聞我的和親對象是個殘疾皇子壁拉,可洞房花燭夜當晚...
    茶點故事閱讀 45,876評論 2 361

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