iT邦幫忙

2026 iThome 鐵人賽

DAY 2
0
自我挑戰組

30天搞定科技背後的東西系列 第 2

Day 2 : 為什麼輸入網址,就可以看到網頁?

  • 分享至 

  • xImage
  •  

今天正式進入第一個主題:為什麼輸入網址,就可以看到網頁?

我想先從一個我們每天都會做,但可能從來沒有認真想過的事情開始:
為什麼我在瀏覽器輸入一個網址,按下 Enter 之後,網頁就跑出來了?

一、我們平常到底做了什麼?
平常想要看一個網站的時候,我們可能就直接打開 Chrome、Safari,輸入網址,例如 www.google.com,然後按下 Enter。
接著過幾秒鐘,Google 的首頁就出現在螢幕上。
整個過程看起來超級簡單,甚至會覺得這不是本來就應該這樣嗎?
但其實從我們按下 Enter 的那一刻開始,背後有一連串的事情正在發生。
而且我們完全看不到。
所以今天就來試著把這個過程拆開來看。

二、第一步:電腦真的知道「google.com」在哪裡嗎?
這是我一開始覺得滿有趣的地方。
我們人類看到 google.com,就知道這是一個網站的網址。
但對電腦來說,它其實更需要知道的是一組 IP 位址。
可以把它想成
我們平常找朋友,可能直接記小明的名字,但如果要真的找到他,還是需要知道他的電話號碼或地址。
網路也有點像這樣。
google.com 比較像是網站的名字,而 IP 位址才比較像是它在網路上的地址。

那問題來了!
電腦要怎麼從 google.com 找到它對應的 IP 位址呢?
這就要靠下一個我以前常聽到,但其實一直沒有搞懂的東西,也就是DNS。

三、DNS:幫我們找地址的電話簿
DNS 的全名是 Domain Name System。
簡單來說,它的工作就是幫我們把網址找到對應的IP位址。
像是我們輸入www.google.com
電腦就會想辦法去詢問 DNS
-請問 Google 的 IP 位址在哪裡?
DNS 找到之後,就會把結果告訴電腦,
這樣電腦才知道接下來要去找哪一台伺服器。

所以如果要用一句很簡單的話來說:
DNS 就像是網路世界裡的電話簿,幫我們把網站名稱找到真正的地址。
這樣就比較容易理解為什麼我們不用每天背一大串數字。

四、找到地址之後,接下來呢?
知道 Google 的 IP 位址之後,電腦就可以開始跟 Google 的伺服器建立連線
這時候就可以把它想像成
我知道你家的地址了,所以現在我要去你家拿東西
我們的電腦會把「我想看這個網頁」的請求送出去,經過網路傳到對方的伺服器。
伺服器收到之後,就會把網頁需要的資料傳回來
然後瀏覽器再把這些資料整理、解析,最後呈現在我們的螢幕上。
於是我們就看到了一開始想看的網頁。

整個過程大概可以簡化成:
輸入網址 → 找到 IP → 連到伺服器 → 發送請求 → 伺服器回傳資料 → 瀏覽器顯示網頁
原本只是輸入一個網址,結果背後其實做了這麼多事情。

五、所以我們按下 Enter 的那幾秒到底發生了什麼?
把今天的內容全部串起來,其實就會發現
我們看到的只是最後的「網頁出現」。
但在這之前,電腦已經默默完成了一堆工作。
而且今天其實只碰到了其中很小的一部分。

像是:

  • DNS 到底是怎麼找到 IP 的?
  • IP 位址又是什麼?
  • 資料到底是怎麼從我的手機跑到伺服器?
  • HTTP 又在這個過程中做了什麼?
  • 為什麼 HTTPS 可以保護我們的資料?

這些問題就留到後面慢慢搞懂啦~

六、今天的小心得
以前我應該就是那種網址打進去,網站出現,很正常啊的人。
但稍微了解之後才發現,原來我們每天覺得很理所當然的事情,背後其實都有很多技術在支撐。
而且我覺得這也是我想做這個 30 天挑戰的原因。
很多科技我們每天都在用,但如果沒有人特別去解釋,我們可能永遠都不會去想它到底是怎麼運作的。
所以今天至少先搞懂了一件事:
原來我不是輸入網址之後,電腦就直接知道我要去哪裡,
中間還有 DNS 幫忙找路。

今天算是成功踏出第一步!

⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯⋯
明日預告:
今天提到了 IP 位址,但其實我對 IP 的了解也好像沒有到很熟悉...
所以明天就來搞懂:
「IP 位址到底是什麼?而且為什麼有 IPv4 和 IPv6?」


上一篇
Day 1 : 30 天搞懂科技背後的東西:我為什麼想開始這個挑戰?
下一篇
Day 3 : IP位址是什麼?
系列文
30天搞定科技背後的東西6
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言