本文的目的是通過輸入url之后發(fā)生的事情來做知識的總結(jié)和擴展跛溉。所以文章可能會很雜诈悍。

? ? 總的過程大概如下:

1、輸入地址

??? 當我們開始在瀏覽器中輸入網(wǎng)址的時候九榔，瀏覽器其實就已經(jīng)在智能的匹配可能得 url 了哀峻，他會從歷史記錄，書簽等地方哲泊，找到已經(jīng)輸入的字符串可能對應(yīng)的 url剩蟀，然后給出智能提示，讓你可以補全url地址切威。對于?google的chrome 的瀏覽器育特，他甚至會直接從緩存中把網(wǎng)頁展示出來，就是說先朦，你還沒有按下 enter缰冤，頁面就出來了。

2喳魏、瀏覽器查找域名的 IP 地址　　

　　1棉浸、請求一旦發(fā)起，瀏覽器首先要做的事情就是解析這個域名刺彩，一般來說迷郑，瀏覽器會首先查看本地硬盤的 hosts 文件，看看其中有沒有和這個域名對應(yīng)的規(guī)則创倔，如果有的話就直接使用 hosts 文件里面的 ip 地址嗡害。

? ? ? 2、如果在本地的 hosts 文件沒有能夠找到對應(yīng)的 ip 地址畦攘，瀏覽器會發(fā)出一個 DNS請求到本地DNS服務(wù)器 霸妹。本地DNS服務(wù)器一般都是你的網(wǎng)絡(luò)接入服務(wù)器商提供，比如中國電信念搬，中國移動抑堡。

　 ? 3、查詢你輸入的網(wǎng)址的DNS請求到達本地DNS服務(wù)器之后朗徊，本地DNS服務(wù)器會首先查詢它的緩存記錄首妖，如果緩存中有此條記錄，就可以直接返回結(jié)果爷恳，此過程是遞歸的方式進行查詢有缆。如果沒有，本地DNS服務(wù)器還要向DNS根服務(wù)器進行查詢。

　　4棚壁、根DNS服務(wù)器沒有記錄具體的域名和IP地址的對應(yīng)關(guān)系杯矩，而是告訴本地DNS服務(wù)器，你可以到域服務(wù)器上去繼續(xù)查詢袖外，并給出域服務(wù)器的地址史隆。這種過程是迭代的過程。

　　5曼验、本地DNS服務(wù)器繼續(xù)向域服務(wù)器發(fā)出請求泌射，在這個例子中，請求的對象是.com域服務(wù)器鬓照。.com域服務(wù)器收到請求之后熔酷，也不會直接返回域名和IP地址的對應(yīng)關(guān)系，而是告訴本地DNS服務(wù)器豺裆，你的域名的解析服務(wù)器的地址匪傍。

　　6瓤帚、最后砚偶，本地DNS服務(wù)器向域名的解析服務(wù)器發(fā)出請求河质，這時就能收到一個域名和IP地址對應(yīng)關(guān)系，本地DNS服務(wù)器不僅要把IP地址返回給用戶電腦获讳，還要把這個對應(yīng)關(guān)系保存在緩存中阴颖，以備下次別的用戶查詢時，可以直接返回結(jié)果丐膝，加快網(wǎng)絡(luò)訪問量愧。

下面這張圖很完美的解釋了這一過程：

知識擴展：

1)什么是DNS？

　　DNS（Domain Name System帅矗，域名系統(tǒng)）偎肃，因特網(wǎng)上作為域名和IP地址相互映射的一個分布式數(shù)據(jù)庫，能夠使用戶更方便的訪問互聯(lián)網(wǎng)浑此，而不用去記住能夠被機器直接讀取的IP數(shù)串累颂。通過主機名，最終得到該主機名對應(yīng)的IP地址的過程叫做域名解析（或主機名解析）凛俱。

　　通俗的講紊馏，我們更習慣于記住一個網(wǎng)站的名字，比如www.baidu.com,而不是記住它的ip地址蒲犬，比如：167.23.10.2朱监。而計算機更擅長記住網(wǎng)站的ip地址，而不是像www.baidu.com等鏈接原叮。因為赫编，DNS就相當于一個電話本巡蘸，比如你要找www.baidu.com這個域名，那我翻一翻我的電話本擂送，我就知道悦荒，哦，它的電話（ip）是167.23.10.2嘹吨。

2)DNS查詢的兩種方式：遞歸查詢和迭代查詢

1搬味、遞歸解析

??? 當局部DNS服務(wù)器自己不能回答客戶機的DNS查詢時，它就需要向其他DNS服務(wù)器進行查詢躺苦。此時有兩種方式身腻，如圖所示的是遞歸方式。局部DNS服務(wù)器自己負責向其他DNS服務(wù)器進行查詢匹厘，一般是先向該域名的根域服務(wù)器查詢，再由根域名服務(wù)器一級級向下查詢脐区。最后得到的查詢結(jié)果返回給局部DNS服務(wù)器愈诚，再由局部DNS服務(wù)器返回給客戶端。

2牛隅、迭代解析

　　當局部DNS服務(wù)器自己不能回答客戶機的DNS查詢時炕柔，也可以通過迭代查詢的方式進行解析，如圖所示媒佣。局部DNS服務(wù)器不是自己向其他DNS服務(wù)器進行查詢匕累，而是把能解析該域名的其他DNS服務(wù)器的IP地址返回給客戶端DNS程序，客戶端DNS程序再繼續(xù)向這些DNS服務(wù)器進行查詢默伍，直到得到查詢結(jié)果為止欢嘿。也就是說，迭代解析只是幫你找到相關(guān)的服務(wù)器而已也糊，而不會幫你去查炼蹦。比如說：baidu.com的服務(wù)器ip地址在192.168.4.5這里，你自己去查吧狸剃，本人比較忙掐隐，只能幫你到這里了。

?

3)DNS域名稱空間的組織方式

?我們在前面有說到根DNS服務(wù)器钞馁，域DNS服務(wù)器虑省，這些都是DNS域名稱空間的組織方式。按其功能命名空間中用來描述 DNS 域名稱的五個類別的介紹詳見下表中僧凰，以及與每個名稱類型的示例

4)DNS負載均衡

　　當一個網(wǎng)站有足夠多的用戶的時候探颈，假如每次請求的資源都位于同一臺機器上面，那么這臺機器隨時可能會蹦掉允悦。處理辦法就是用DNS負載均衡技術(shù)膝擂，它的原理是在DNS服務(wù)器中為同一個主機名配置多個IP地址,在應(yīng)答DNS查詢時,DNS服務(wù)器對每個查詢將以DNS文件中主機記錄的IP地址按順序返回不同的解析結(jié)果,將客戶端的訪問引導到不同的機器上去,使得不同的客戶端訪問不同的服務(wù)器,從而達到負載均衡的目的?例如可以根據(jù)每臺機器的負載量虑啤，該機器離用戶地理位置的距離等等。

?

3架馋、瀏覽器向 web 服務(wù)器發(fā)送一個 HTTP 請求

　　拿到域名對應(yīng)的IP地址之后狞山，瀏覽器會以一個隨機端口（1024<端口<65535）向服務(wù)器的WEB程序（常用的有httpd,nginx等）80端口發(fā)起TCP的連接請求。這個連接請求到達服務(wù)器端后（這中間通過各種路由設(shè)備叉寂，局域網(wǎng)內(nèi)除外）萍启，進入到網(wǎng)卡，然后是進入到內(nèi)核的TCP/IP協(xié)議棧（用于識別該連接請求屏鳍，解封包勘纯，一層一層的剝開），還有可能要經(jīng)過Netfilter防火墻（屬于內(nèi)核的模塊）的過濾钓瞭，最終到達WEB程序驳遵，最終建立了TCP/IP的連接。

TCP連接如圖所示:

　　建立了TCP連接之后山涡，發(fā)起一個http請求堤结。一個典型的 http request header 一般需要包括請求的方法，例如 GET 或者 POST 等鸭丛，不常用的還有 PUT 和 DELETE 竞穷、HEAD、OPTION以及 TRACE 方法鳞溉，一般的瀏覽器只能發(fā)起 GET 或者 POST 請求瘾带。

　　客戶端向服務(wù)器發(fā)起http請求的時候，會有一些請求信息熟菲，請求信息包含三個部分：

　　|?請求方法URI協(xié)議/版本

? ? ? | 請求頭(Request Header)

　　|?請求正文：

下面是一個完整的HTTP請求例子：

GET/sample.jspHTTP/1.1Accept:image/gif.image/jpeg,*/*Accept-Language:zh-cn
Connection:Keep-Alive
Host:localhost
User-Agent:Mozila/4.0(compatible;MSIE5.01;Window NT5.0)
Accept-Encoding:gzip,deflate
username=jinqiao&password=1234

?注意：最后一個請求頭之后是一個空行看政，發(fā)送回車符和換行符，通知服務(wù)器以下不再有請求頭科盛。

（1）請求的第一行是“方法URL議/版本”：GET/sample.jsp HTTP/1.1
（2）請求頭(Request Header)
　　 請求頭包含許多有關(guān)的客戶端環(huán)境和請求正文的有用信息帽衙。例如，請求頭可以聲明瀏覽器所用的語言贞绵，請求正文的長度等厉萝。

Accept:image/gif.image/jpeg.*/*
Accept-Language:zh-cn
Connection:Keep-Alive
Host:localhost
User-Agent:Mozila/4.0(compatible:MSIE5.01:Windows NT5.0)
Accept-Encoding:gzip,deflate.

（3）請求正文
? ? 請求頭和請求正文之間是一個空行，這個行非常重要榨崩，它表示請求頭已經(jīng)結(jié)束谴垫，接下來的是請求正文。請求正文中可以包含客戶提交的查詢字符串信息：

username=jinqiao&password=1234

4母蛛、服務(wù)器的永久重定向響應(yīng)

?　　服務(wù)器給瀏覽器響應(yīng)一個301永久重定向響應(yīng)翩剪，這樣瀏覽器就會訪問“http://www.google.com/” 而非“http://google.com/”。

　　為什么服務(wù)器一定要重定向而不是直接發(fā)送用戶想看的網(wǎng)頁內(nèi)容呢彩郊？其中一個原因跟搜索引擎排名有關(guān)前弯。如果一個頁面有兩個地址蚪缀，就像http://www.yy.com/和http://yy.com/，搜索引擎會認為它們是兩個網(wǎng)站恕出，結(jié)果造成每個搜索鏈接都減少從而降低排名询枚。而搜索引擎知道301永久重定向是什么意思，這樣就會把訪問帶www的和不帶www的地址歸到同一個網(wǎng)站排名下浙巫。還有就是用不同的地址會造成緩存友好性變差金蜀，當一個頁面有好幾個名字時，它可能會在緩存里出現(xiàn)好幾次的畴。

擴展知識

1）301和302的區(qū)別渊抄。

　　301和302狀態(tài)碼都表示重定向，就是說瀏覽器在拿到服務(wù)器返回的這個狀態(tài)碼后會自動跳轉(zhuǎn)到一個新的URL地址丧裁，這個地址可以從響應(yīng)的Location首部中獲然よ搿（用戶看到的效果就是他輸入的地址A瞬間變成了另一個地址B）——這是它們的共同點。

　　他們的不同在于煎娇。301表示舊地址A的資源已經(jīng)被永久地移除了（這個資源不可訪問了）嘶炭，搜索引擎在抓取新內(nèi)容的同時也將舊的網(wǎng)址交換為重定向之后的網(wǎng)址；

　　302表示舊地址A的資源還在（仍然可以訪問）逊桦，這個重定向只是臨時地從舊地址A跳轉(zhuǎn)到地址B，搜索引擎會抓取新的內(nèi)容而保存舊的網(wǎng)址抑进。?SEO302好于301

2）重定向原因：

（1）網(wǎng)站調(diào)整（如改變網(wǎng)頁目錄結(jié)構(gòu)）强经；

（2）網(wǎng)頁被移到一個新地址；

（3）網(wǎng)頁擴展名改變(如應(yīng)用需要把.php改成.Html或.shtml)寺渗。

? ? ? ? 這種情況下匿情，如果不做重定向，則用戶收藏夾或搜索引擎數(shù)據(jù)庫中舊地址只能讓訪問客戶得到一個404頁面錯誤信息信殊，訪問流量白白喪失炬称；再者某些注冊了多個域名的網(wǎng)站，也需要通過重定向讓訪問這些域名的用戶自動跳轉(zhuǎn)到主站點等涡拘。

3）什么時候進行301或者302跳轉(zhuǎn)呢玲躯？

? ? ? ? 當一個網(wǎng)站或者網(wǎng)頁24—48小時內(nèi)臨時移動到一個新的位置，這時候就要進行302跳轉(zhuǎn)鳄乏，而使用301跳轉(zhuǎn)的場景就是之前的網(wǎng)站因為某種原因需要移除掉跷车，然后要到新的地址訪問，是永久性的橱野。

清晰明確而言：使用301跳轉(zhuǎn)的大概場景如下：

1朽缴、域名到期不想續(xù)費（或者發(fā)現(xiàn)了更適合網(wǎng)站的域名），想換個域名水援。

2密强、在搜索引擎的搜索結(jié)果中出現(xiàn)了不帶www的域名茅郎，而帶www的域名卻沒有收錄，這個時候可以用301重定向來告訴搜索引擎我們目標的域名是哪一個或渤。

3系冗、空間服務(wù)器不穩(wěn)定，換空間的時候劳坑。

5毕谴、瀏覽器跟蹤重定向地址

???現(xiàn)在瀏覽器知道了 "http://www.google.com/"才是要訪問的正確地址，所以它會發(fā)送另一個http請求距芬。這里沒有啥好說的

6涝开、服務(wù)器處理請求

　　經(jīng)過前面的重重步驟，我們終于將我們的http請求發(fā)送到了服務(wù)器這里框仔，其實前面的重定向已經(jīng)是到達服務(wù)器了舀武，那么，服務(wù)器是如何處理我們的請求的呢离斩？

　　后端從在固定的端口接收到TCP報文開始银舱，它會對TCP連接進行處理，對HTTP協(xié)議進行解析跛梗，并按照報文格式進一步封裝成HTTP Request對象寻馏，供上層使用。

　　一些大一點的網(wǎng)站會將你的請求到反向代理服務(wù)器中核偿，因為當網(wǎng)站訪問量非常大诚欠，網(wǎng)站越來越慢，一臺服務(wù)器已經(jīng)不夠用了漾岳。于是將同一個應(yīng)用部署在多臺服務(wù)器上轰绵，將大量用戶的請求分配給多臺機器處理。此時尼荆，客戶端不是直接通過HTTP協(xié)議訪問某網(wǎng)站應(yīng)用服務(wù)器左腔，而是先請求到Nginx，Nginx再請求應(yīng)用服務(wù)器捅儒，然后將結(jié)果返回給客戶端液样，這里Nginx的作用是反向代理服務(wù)器。同時也帶來了一個好處野芒，其中一臺服務(wù)器萬一掛了蓄愁，只要還有其他服務(wù)器正常運行，就不會影響用戶使用狞悲。

如圖所示：

通過Nginx的反向代理撮抓，我們到達了web服務(wù)器，服務(wù)端腳本處理我們的請求摇锋，訪問我們的數(shù)據(jù)庫丹拯，獲取需要獲取的內(nèi)容等等站超，當然，這個過程涉及很多后端腳本的復雜操作乖酬。由于對這一塊不熟死相，所以這一塊只能介紹這么多了。

7咬像、服務(wù)器返回一個 HTTP 響應(yīng)　

　　經(jīng)過前面的6個步驟算撮，服務(wù)器收到了我們的請求，也處理我們的請求县昂，到這一步肮柜，它會把它的處理結(jié)果返回，也就是返回一個HTPP響應(yīng)倒彰。

HTTP響應(yīng)與HTTP請求相似审洞，HTTP響應(yīng)也由3個部分構(gòu)成，分別是：

l?　狀態(tài)行

l?　響應(yīng)頭(Response Header)

l?　響應(yīng)正文

HTTP/1.1 200 OK
Date: Sat, 31 Dec 2005 23:59:59 GMT
Content-Type: text/html;charset=ISO-8859-1
Content-Length: 122＜html＞
＜head＞
＜title＞http＜/title＞
＜/head＞＜body＞
＜!-- body goes here --＞
＜/body＞
＜/html＞

狀態(tài)行：

狀態(tài)行由協(xié)議版本待讳、數(shù)字形式的狀態(tài)代碼芒澜、及相應(yīng)的狀態(tài)描述，各元素之間以空格分隔创淡。

格式:????HTTP-Version Status-Code Reason-Phrase CRLF

例如:????HTTP/1.1 200 OK \r\n

--?協(xié)議版本：是用http1.0還是其他版本

--?狀態(tài)描述：狀態(tài)描述給出了關(guān)于狀態(tài)代碼的簡短的文字描述痴晦。比如狀態(tài)代碼為200時的描述為 ok

--?狀態(tài)代碼：狀態(tài)代碼由三位數(shù)字組成，第一個數(shù)字定義了響應(yīng)的類別琳彩，且有五種可能取值阅酪。如下

1xx：信息性狀態(tài)碼，表示服務(wù)器已接收了客戶端請求汁针，客戶端可繼續(xù)發(fā)送請求。

? ? 100 Continue

? ? 101 Switching Protocols

?2xx：成功狀態(tài)碼砚尽，表示服務(wù)器已成功接收到請求并進行處理施无。

? ? 200 OK 表示客戶端請求成功

? ? 204 No Content 成功，但不返回任何實體的主體部分

? ? 206 Partial Content 成功執(zhí)行了一個范圍（Range）請求

3xx：重定向狀態(tài)碼必孤，表示服務(wù)器要求客戶端重定向猾骡。

? ? 301 Moved Permanently 永久性重定向，響應(yīng)報文的Location首部應(yīng)該有該資源的新URL

? ? 302 Found 臨時性重定向敷搪，響應(yīng)報文的Location首部給出的URL用來臨時定位資源

? ? 303 See Other 請求的資源存在著另一個URI兴想，客戶端應(yīng)使用GET方法定向獲取請求的資源

? ? 304 Not Modified 服務(wù)器內(nèi)容沒有更新，可以直接讀取瀏覽器緩存

? ? ?307 Temporary Redirect 臨時重定向赡勘。與302 Found含義一樣嫂便。302禁止POST變換為GET，但實際使用時并不一定闸与，307則更多瀏覽器可能會遵循這一標準毙替，但也依賴于瀏覽器具體實現(xiàn)

?4xx：客戶端錯誤狀態(tài)碼岸售，表示客戶端的請求有非法內(nèi)容。

? ? ? ?400 Bad Request 表示客戶端請求有語法錯誤厂画，不能被服務(wù)器所理解

? ? ? ?401 Unauthonzed 表示請求未經(jīng)授權(quán)凸丸，該狀態(tài)代碼必須與 WWW-Authenticate 報頭域一起使用

? ? ? ?403 Forbidden 表示服務(wù)器收到請求，但是拒絕提供服務(wù)袱院，通常會在響應(yīng)正文中給出不提供服務(wù)的原因

? ? ? ?404 Not Found 請求的資源不存在屎慢，例如，輸入了錯誤的URL

5xx：服務(wù)器錯誤狀態(tài)碼忽洛，表示服務(wù)器未能正常處理客戶端的請求而出現(xiàn)意外錯誤腻惠。

? ? ? ? 500 Internel Server Error 表示服務(wù)器發(fā)生不可預期的錯誤，導致無法完成客戶端的請求

? ? ? ? 503 Service Unavailable 表示服務(wù)器當前不能夠處理客戶端的請求脐瑰，在一段時間之后妖枚，服務(wù)器可能會恢復正常

響應(yīng)頭：

　　響應(yīng)頭部：由關(guān)鍵字/值對組成，每行一對苍在，關(guān)鍵字和值用英文冒號":"分隔绝页，典型的響應(yīng)頭有：

響應(yīng)正文

包含著我們需要的一些具體信息，比如cookie寂恬，html,image续誉，后端返回的請求數(shù)據(jù)等等。這里需要注意初肉，響應(yīng)正文和響應(yīng)頭之間有一行空格酷鸦，表示響應(yīng)頭的信息到空格為止，下圖是fiddler抓到的請求正文牙咏，紅色框中的：響應(yīng)正文：

8臼隔、瀏覽器顯示 HTML

　　在瀏覽器沒有完整接受全部HTML文檔時，它就已經(jīng)開始顯示這個頁面了妄壶，瀏覽器是如何把頁面呈現(xiàn)在屏幕上的呢摔握？不同瀏覽器可能解析的過程不太一樣，這里我們只介紹webkit的渲染過程丁寄，下圖對應(yīng)的就是WebKit渲染的過程氨淌，這個過程包括：

解析html以構(gòu)建dom樹 -> 構(gòu)建render樹 -> 布局render樹 -> 繪制render樹

　　瀏覽器在解析html文件時，會”自上而下“加載伊磺，并在加載過程中進行解析渲染盛正。在解析過程中，如果遇到請求外部資源時屑埋，如圖片豪筝、外鏈的CSS、iconfont等，請求過程是異步的壤蚜，并不會影響html文檔進行加載即寡。

　　解析過程中，瀏覽器首先會解析HTML文件構(gòu)建DOM樹袜刷，然后解析CSS文件構(gòu)建渲染樹聪富，等到渲染樹構(gòu)建完成后，瀏覽器開始布局渲染樹并將其繪制到屏幕上著蟹。這個過程比較復雜墩蔓，涉及到兩個概念: reflow(回流)和repain(重繪)。

　　DOM節(jié)點中的各個元素都是以盒模型的形式存在萧豆，這些都需要瀏覽器去計算其位置和大小等奸披，這個過程稱為relow;當盒模型的位置,大小以及其他屬性，如顏色,字體,等確定下來之后涮雷，瀏覽器便開始繪制內(nèi)容阵面，這個過程稱為repain。

　　頁面在首次加載時必然會經(jīng)歷reflow和repain洪鸭。reflow和repain過程是非常消耗性能的样刷，尤其是在移動設(shè)備上，它會破壞用戶體驗览爵，有時會造成頁面卡頓置鼻。所以我們應(yīng)該盡可能少的減少reflow和repain。

　　當文檔加載過程中遇到j(luò)s文件蜓竹，html文檔會掛起渲染（加載解析渲染同步）的線程箕母，不僅要等待文檔中js文件加載完畢，還要等待解析執(zhí)行完畢俱济，才可以恢復html文檔的渲染線程嘶是。因為JS有可能會修改DOM，最為經(jīng)典的document.write蛛碌，這意味著俊啼，在JS執(zhí)行完成前，后續(xù)所有資源的下載可能是沒有必要的左医，這是js阻塞后續(xù)資源下載的根本原因。所以我明平時的代碼中同木，js是放在html文檔末尾的浮梢。

　　JS的解析是由瀏覽器中的JS解析引擎完成的，比如谷歌的是V8彤路。JS是單線程運行秕硝，也就是說，在同一個時間內(nèi)只能做一件事洲尊，所有的任務(wù)都需要排隊远豺，前一個任務(wù)結(jié)束奈偏，后一個任務(wù)才能開始。但是又存在某些任務(wù)比較耗時躯护，如IO讀寫等惊来，所以需要一種機制可以先執(zhí)行排在后面的任務(wù)，這就是：同步任務(wù)(synchronous)和異步任務(wù)(asynchronous)棺滞。

　　JS的執(zhí)行機制就可以看做是一個主線程加上一個任務(wù)隊列(task queue)裁蚁。同步任務(wù)就是放在主線程上執(zhí)行的任務(wù)，異步任務(wù)是放在任務(wù)隊列中的任務(wù)继准。所有的同步任務(wù)在主線程上執(zhí)行枉证，形成一個執(zhí)行棧;異步任務(wù)有了運行結(jié)果就會在任務(wù)隊列中放置一個事件；腳本運行時先依次運行執(zhí)行棧移必，然后會從任務(wù)隊列里提取事件室谚，運行任務(wù)隊列中的任務(wù)，這個過程是不斷重復的崔泵，所以又叫做事件循環(huán)(Event loop)秒赤。具體的過程可以看我這篇文章：點擊這里

9、瀏覽器發(fā)送請求獲取嵌入在 HTML 中的資源（如圖片管削、音頻倒脓、視頻、CSS含思、JS等等）

　　其實這個步驟可以并列在步驟8中崎弃，在瀏覽器顯示HTML時，它會注意到需要獲取其他地址內(nèi)容的標簽含潘。這時饲做，瀏覽器會發(fā)送一個獲取請求來重新獲得這些文件。比如我要獲取外圖片遏弱，CSS盆均，JS文件等，類似于下面的鏈接：

圖片：http://static.ak.fbcdn.net/rsrc.php/z12E0/hash/8q2anwu7.gif

CSS式樣表：http://static.ak.fbcdn.net/rsrc.php/z448Z/hash/2plh8s4n.css

JavaScript 文件：http://static.ak.fbcdn.net/rsrc.php/zEMOA/hash/c8yzb6ub.js

　　這些地址都要經(jīng)歷一個和HTML讀取類似的過程漱逸。所以瀏覽器會在DNS中查找這些域名泪姨，發(fā)送請求，重定向等等...

不像動態(tài)頁面饰抒，靜態(tài)文件會允許瀏覽器對其進行緩存肮砾。有的文件可能會不需要與服務(wù)器通訊，而從緩存中直接讀取袋坑，或者可以放到CDN中

　　至此仗处，從輸入url到頁面展示的過程終于整理完了。當然，文筆有限婆誓，有誤之處吃环，歡迎指出，本文參考了很多的文章洋幻，不過很多文章的鏈接不記得了郁轻，所以只列出了下面三個參考鏈接。