1. 程式人生 > >跳轉網頁的時候,瀏覽器發生了什麼?

跳轉網頁的時候,瀏覽器發生了什麼?

我們平時幾乎都在使用瀏覽器訪問網頁、查閱自己所需要的資訊,但大家是否想過,在瀏覽器跳轉網頁的時候,都發生了些什麼?或者說,瀏覽器的原理是怎樣的?

 

要想跳轉到指定的網頁,必須得先讓瀏覽器知道指定的網頁所處的伺服器地址,而我們平時輸入進去的都是由英文字母、數字和一些符號構成的網址。網址通常指Internet上網頁的地址,諸如“http://36kr.com”等,就算是一個網址了。網址與網頁是對應的,這也意味著,在連線網路的情況下,輸入了網址便可得到了網頁。

 

輸入網址之後,就需要把網址轉換成對應的IP地址,它是網站伺服器的一種統一的地址格式,它為網際網路上的每一個網路和每一臺主機分配了一個邏輯地址。我們需要一個龐大的、可以讓IP地址和網址相互對映的資料庫,以此來將網址轉換成對應的IP地址,這個資料庫名叫DNS(Domain Name System)。

 

得到IP地址之後,再通過一系列的通訊方式,將請求傳送給網站的伺服器,隨即伺服器便會回覆給我們網頁原始檔(大多是HTML、CSS),這樣我們就完成一半了。瀏覽器不能直接把程式碼顯示到介面上,因為使用者不想要那一堆堆東西,所以就需要將那些程式碼轉換成我們可以接受的文字、圖片、連結和多媒體內容。這種轉換工具被稱為“排版引擎”或是“頁面渲染引擎”。這個轉換工具的好壞,決定著顯示內容的質量。

 

待到轉換完畢之後,瀏覽器的介面上就會展現出我們所需要的各種東西了。

這些工作一環扣一環,一個環節都不能少,否則將不能得到我們想要的內容。這便是瀏覽器的工作原理了。 

相關推薦

網頁的時候瀏覽器發生什麼?

我們平時幾乎都在使用瀏覽器訪問網頁、查閱自己所需要的資訊,但大家是否想過,在瀏覽器跳轉網頁的時候,都發生了些什麼?或者說,瀏覽器的原理是怎樣的?   要想跳轉到指定的網頁,必須得先讓瀏覽器知道指定的網頁所處的伺服器地址,而我們平時輸入進去的都是由英文字母、數字和一些符號構成

【微信ticket】手機瀏覽器網頁到微信內置瀏覽器打開

blank turn 12c weixin net 瀏覽器 界面 一個 問題 【微信ticket跳轉】手機瀏覽器網頁跳轉到微信內置瀏覽器打開 起始不少人已經關註到了招行的智能客服:http://xyk.cmbchina.com/Latte/wx/20150520wkf?fr

ngxin做http強制https接口的POST請求變成GET

nginx http https ssl postget 公司準備將 http 換成 https,就需要 http 強制跳轉到 https。這個在網上搜了下,基本總結下在 server 裏面配置 rewrite ^(.*)$ https://$host$1 permanent;或者在se

瀏覽器向伺服器請求一張圖片到底發生什麼?

文章目錄 動因 HTTPWATCH 用IE訪問伺服器端的一張png圖片 觀察資料 結論 本文說明了http協議傳輸圖片的互動資料的過程和測試方法。 動因 學習程式設計,其實不在於程式設計本身。千

當在瀏覽器中輸入一個url後回車後臺發生什麼?

這個問題之前、最近、我想以後肯定還會被問到,或者問到這樣的題目,如果在百度框裡輸入查詢的字串開始,是怎麼返回你需要的東西呢。 那這什麼個過程呢(這個問題我在之後的部落格中在寫)? 網上各種的說法,不外乎這麼幾種 第一種簡單的說呢就是這樣的: 第一步:客戶機

三種簡單的html網頁自動方法可以讓你在開啟一個html網頁時自動到其它的頁面

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>正在跳轉</title> </head> &

當在瀏覽器中輸入一個url後回車後臺發生什麼?比如輸入url後你看到百度的首頁那麼這一切是如何發生的呢?

簡單來說有以下步驟:1、查詢域名對應的IP地址。這一步會依次查詢瀏覽器快取,系統快取,路由器快取,ISPDNS快取,根域名伺服器。2、向IP對應的伺服器傳送請求。3、伺服器響應請求,發回網頁內容。4、瀏覽器解析網頁內容。當然,由於網頁可能有重定向,或者嵌入了圖片,AJAX,

微信瀏覽器提示微信瀏覽器中直接手機預設瀏覽器

很多朋友的APP推廣連結需要在微信中進行的網頁宣傳、傳播、下載等等,但是各位朋友一定發現了微信中是遮蔽掉了APP的下載連結的。但是微信最為一個最大的社交平臺,為了自身的利益,遮蔽掉了所有APK的下載連結。我們要怎麼解決這個問題呢? 解決方案: 我們基於微信介面開發了一款全新的手機端微信中下載APP的程式,

微信網頁瀏覽器開啟連結後到其他瀏覽器下載APK檔案包

  做微信營銷活動或者APK下載推廣時候,是無法直接下載,做到微信中正常使用呢?這就要藉助一些工具來實現有效的操作。   安卓手機的話是通過點選連結,直接跳轉出微信。自動開啟手機預設的瀏覽器。但是這個方法IOS的系統暫時還不行。所以只能寫判斷了。     演

微信瀏覽器提示微信瀏覽器中直接手機預設瀏覽器方法

很多朋友的APP推廣連結需要在微信中進行的網頁宣傳、傳播、下載等等,但是各位朋友一定發現了微信中是遮蔽掉了APP的下載連結的。但是微信最為一個最大的社交平臺,為了自身的利益,遮蔽掉了所有APK的下載連結。我們要怎麼解決這個問題呢? 解決方案: 我們基於微信介面開發了一款全新的手機端微信中下載APP的程式,

微信開啟手機內建瀏覽器手機預設瀏覽器開啟html網頁

微信上進行的網頁宣傳、遊戲傳播、APP下載各類活動很多,但是各位朋友肯定經常會遇到一些特殊需求,網頁需要在手機預設瀏覽器開啟而不是微信內建瀏覽器。這個問題怎麼解決呢?  鬥在微信營銷的浪潮中         解決方案:微信中

微信內部瀏覽器打開網頁時提示外部瀏覽器打開升級版探討-直接默認瀏覽器打開

不能 在外 document nth cas -a ott 支付 filter 在涉及移動端支付的項目時,由於對支付需求的精細化,不僅需要掃碼支付,還有喚醒App支付,另外還有在微信、QQ、支付寶內置瀏覽器給出相應的提示。 好在國內各大巨頭公司在

vue中實現錨點定位及(url不發生變化)

直接上程式碼<div class="footer" @click="returnTop"> methods:{ returnTop:function(){ document.querySelector("#header").scrollIntoVi

瀏覽器開啟一個網頁時都發生什麼

瀏覽器解析URL 選擇協議並找出你請求的資源,你可能開啟的是一個基於http協議的網站主頁 Protocol “http:” 使用HTTP協議 Resource “/“ 請求的資源是根目錄,一般是主頁 如果我位址列裡的不是url連結怎麼辦?(

從輸入網址到最後瀏覽器呈現頁面內容中間發生什麼?

1.準備當你在瀏覽器中輸入網址(例如www.test.com)並且敲了回車以後, 瀏覽器首先要做的事情就是獲得test.com的IP地址,具體的做法就是傳送一個UDP的包給DNS伺服器,DNS伺服器會返

微信h5網頁點選連結到預設瀏覽器是怎麼弄的?

  最近遇到一個需求、朋友找我製作一個在微信中的聊天框,或者公眾號選單釋出一條連結或者二維碼。跳出微信開啟一個指定的

手機瀏覽器通過SchemeAPP相容各種手機瀏覽器

  一個比較完整的產品線,必定有APP和網站,另外還有微信公眾號網頁和小程式。那麼有一個比較常見的需求就是在手機瀏覽器內開啟APP,實現起來也比較簡單,只要APP配置的有URLScheme即可。但是因為無法判斷是否安裝APP,所有隻能嘗試去開啟APP,如果打不開則跳轉到APP下載頁面。另外手機瀏覽器的型別很多

頁面刷新導航欄高亮顯示前的點擊位置

欄目 storage 加載 null 隱藏 nload 二級 date split 需求:比如有一個二級或三四級的菜單欄,頁面不跳轉時實現高亮顯示是很容易的,網上有很多這樣的素材。但是頁面一跳轉,新頁面可就記不住你在上一個頁面點擊的位置了,也就不可能高亮顯示。並且很多時候,

單頁面添加返回和動畫(仿app) 只對單頁面和有用我用的是angualr有不會的可以私信問我。

hist page func margin consola color -s tar pla p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Consolas; color: #596972 } p.p2 { mar