在瀏覽器輸入網址,按下Enter後,發生了什麼事?

更新於 發佈於 閱讀時間約 4 分鐘

以瀏覽www.google.com為例,瀏覽器需先找到www.google.com對應的ip地址,才能得到網頁資料,顯示在瀏覽器中。

那要如何才能找到ip呢? 這邊就要提到DNS(Domain Name System),他是一個資料庫,裡面紀錄了域名跟IP的對應,瀏覽器透過DNS可以找到IP。


查找ip地址的動作則稱為域名解析,查找步驟如下:

1. 查找瀏覽器緩存

瀏覽器曾經到訪過的網站,會緩存DNS記錄一段時間。
若有找到則結束,沒找到則進行下一步查找。

2. 查找作業系統緩存

從作業系統中的 hosts 檔案查找有沒有紀錄對應的ip。
若有找到則結束,沒找到則進行下一步查找。

windows 10 在這個位置:

raw-image

裡面內容類似這樣:

raw-image

3. 查找路由器緩存

路由器也會緩存DNS記錄。
若有找到則結束,沒找到則進行下一步查找。

4. 查找 ISP DNS 緩存

向網際網路服務供應商 (Internet Service Provider, ISP),如中華電信, 查找有沒有DNS記錄。
若有找到則結束,沒找到則進行下一步查找。

5. 查找根域名伺服器(root name server)

ISP DNS會向根域名伺服器進行查詢。

(1) ISP DNS向根域名伺服器詢問.com域名的IP。
(2) ISP DNS向.com域名伺服器詢問.google域名的IP。
(3) ISP DNS向.google域名伺服器詢問www域名的IP。
(4) ISP DNS將最終查到的www.google.com對應IP記錄在緩存中。
(5) 告訴瀏覽器www.google.com ip位址。


查到ip地址後,瀏覽器會向伺服器發送連線請求:

(1) TCP 三次握手,建立連線。
(2) 開始發送http request。
(3) 伺服器處理請求,並返回http response。
(4) 瀏覽器解析並呈現網頁。
(5) TCP 四次揮手,斷開連線。


本筆記參考:
1. https://medium.com/@bigboys.me/%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%A9%A6%E8%80%83%E5%AE%98-%E5%BE%9E%E4%BD%A0%E8%BC%B8%E5%85%A5%E7%B6%B2%E5%9D%80-%E5%88%B0%E7%B6%B2%E9%A0%81%E5%87%BA%E7%8F%BE-%E9%80%99%E9%81%8E%E7%A8%8B%E5%88%B0%E7%99%BC%E7%94%9F%E4%BA%86%E4%BB%80%E9%BA%BC-414dc3404619
2. https://bugtender.com/blog/mr_browser
3. https://www.itread01.com/content/1546945947.html
4. https://blog.fundebug.com/2019/02/28/what-happens-from-url-to-webpage/

留言
avatar-img
留言分享你的想法!
avatar-img
Vic Lin的沙龍
20會員
161內容數
Vic Lin的沙龍的其他內容
2023/08/13
父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m
2023/08/13
父元件 傳遞方法使用@ <template>    ...    <Login @modalClose="modalClose"/> ... </template> <script setup>     const _modal = ref();     function m
2023/03/25
前情提要 由於我的筆電已經用了10年,無法再戰下去了,且有預算考量,加上使用電腦幾乎都是定點,只有偶爾回家的時候會需要攜帶,因此最終選擇了迷你電腦,體積小不占空間,又方便攜帶,剛好符合我的需求。 菜單 由於這台無法裝獨顯,所以CPU的部分選擇 AMD R5 3400G(含Vega 11內
Thumbnail
2023/03/25
前情提要 由於我的筆電已經用了10年,無法再戰下去了,且有預算考量,加上使用電腦幾乎都是定點,只有偶爾回家的時候會需要攜帶,因此最終選擇了迷你電腦,體積小不占空間,又方便攜帶,剛好符合我的需求。 菜單 由於這台無法裝獨顯,所以CPU的部分選擇 AMD R5 3400G(含Vega 11內
Thumbnail
2023/03/10
Nuxt3中可使用useFetch來獲取數據,不須再引用axios,相當方便: 本筆記參考: https://juejin.cn/post/7104071421160063012 https://juejin.cn/post/7086472647575339045
2023/03/10
Nuxt3中可使用useFetch來獲取數據,不須再引用axios,相當方便: 本筆記參考: https://juejin.cn/post/7104071421160063012 https://juejin.cn/post/7086472647575339045
看更多
你可能也想看
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
「欸!這是在哪裡買的?求連結 🥺」 誰叫你太有品味,一發就讓大家跟著剁手手? 讓你回購再回購的生活好物,是時候該介紹出場了吧! 「開箱你的美好生活」現正召喚各路好物的開箱使者 🤩
Thumbnail
之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
Thumbnail
之前分享過【網路請求帶參數的方式】,開發者可以透過 URL 代入參數,來向伺服器請求特定的資源,我們當然也可以擷取 URL 的內容,來做為後續開發的判斷條件,這篇就來記錄一下,網址(URL) 和域名(Domain) 是什麼,以及如何取得網址的參數吧! 我們常說的網址連結 URL 完整名稱是 U
Thumbnail
教你如何榮登搜尋引擎排名 第步新增資源網址(就是網誌的網址) 第二步網址審查 第三部要求建立索引 漫遊器設定也一併做優化會更好 Ps提交索引之後要等至少一星期左右蜘蛛爬蟲才會自動將你的網址加入搜尋索引 最快可能一天就好了 Ps設定在左側欄
Thumbnail
教你如何榮登搜尋引擎排名 第步新增資源網址(就是網誌的網址) 第二步網址審查 第三部要求建立索引 漫遊器設定也一併做優化會更好 Ps提交索引之後要等至少一星期左右蜘蛛爬蟲才會自動將你的網址加入搜尋索引 最快可能一天就好了 Ps設定在左側欄
Thumbnail
Google年初推出的Inspection API,讓我們更容易知道網站被索引的狀況。這篇文章會告訴你,我們怎麼用這支API、發現了什麼。
Thumbnail
Google年初推出的Inspection API,讓我們更容易知道網站被索引的狀況。這篇文章會告訴你,我們怎麼用這支API、發現了什麼。
Thumbnail
之前看過這個可以用來了解SEO的成效分析,像是點擊率、平均排名..等,看別人是透過什麼樣的關鍵字進入到你的網頁中。透過調整網站結構以及撰寫的方式,或許未來會改善搜尋進入到網站的機會。
Thumbnail
之前看過這個可以用來了解SEO的成效分析,像是點擊率、平均排名..等,看別人是透過什麼樣的關鍵字進入到你的網頁中。透過調整網站結構以及撰寫的方式,或許未來會改善搜尋進入到網站的機會。
Thumbnail
找到是 discover、檢索是 crawl、索引是 index,後兩者雖然都有「索」,但此索非彼索…,本文一次搞清楚他們的含義。
Thumbnail
找到是 discover、檢索是 crawl、索引是 index,後兩者雖然都有「索」,但此索非彼索…,本文一次搞清楚他們的含義。
Thumbnail
若商家有在經營FB粉絲專頁,就會需要進行企業管理平台的網域驗證,這次TinyBook將會一步一步告訴大家,如何完成FB企業管理平台的網域驗證哦!本單元將簡單介紹如何進行FB的企業管理平台網域驗證 
Thumbnail
若商家有在經營FB粉絲專頁,就會需要進行企業管理平台的網域驗證,這次TinyBook將會一步一步告訴大家,如何完成FB企業管理平台的網域驗證哦!本單元將簡單介紹如何進行FB的企業管理平台網域驗證 
Thumbnail
要讓顧客在 Google 可以搜尋到自己的網站,透過 Google Search Console 的 sitemap 提交功能,就可以主動把自己的網站提交哦!
Thumbnail
要讓顧客在 Google 可以搜尋到自己的網站,透過 Google Search Console 的 sitemap 提交功能,就可以主動把自己的網站提交哦!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News