摘要:進(jìn)行協(xié)議會話,瀏覽器客戶端向服務(wù)器發(fā)送報(bào)文。進(jìn)入網(wǎng)站后臺的服務(wù)器處理請求,如等服務(wù)器。頁面開始解析渲染,根據(jù)規(guī)則解析并結(jié)合文檔樹進(jìn)行網(wǎng)頁內(nèi)容布局和繪制渲染,提供操作并讀取瀏覽器緩存執(zhí)行事件綁定等,頁面整個(gè)展示過程完成。
1 在接收到用戶輸入的網(wǎng)址后,瀏覽器會開啟一個(gè)縣城來處理這個(gè)請求,對用戶輸入的URL地址進(jìn)行分析判斷,如果是HTTP協(xié)議就按照 HTTP方式來處理。
2 調(diào)用瀏覽器引擎中的對應(yīng)方法,比如WebView中的loadUrl方法,分析并加載這個(gè)URL地址。
3 通過DNS解析獲取該網(wǎng)站對應(yīng)的IP地址,查詢完成后聯(lián)同瀏覽器的COOKIE、userAgent等信息向網(wǎng)站目的IP發(fā)出GET請求。
4 進(jìn)行HTTP協(xié)議會話,瀏覽器客戶端向Web服務(wù)器發(fā)送報(bào)文。
5 進(jìn)入網(wǎng)站后臺的Web服務(wù)器處理請求,如Apache、Tomcat、Node.js等服務(wù)器。
6 進(jìn)入部署好的后端應(yīng)用,如PHP、Java、Javascript、Python等后端程序,找到對應(yīng)的請求處理邏輯,這期間可能會讀取服務(wù)器緩存或查詢數(shù)據(jù)庫。
7 服務(wù)器處理請求并返回響應(yīng)報(bào)文,此時(shí)如果瀏覽器訪問過該頁面,緩存上有對應(yīng)的資源,會與服務(wù)器最后修改記錄對比,一致則返回304,否則返回200和對應(yīng)的內(nèi)容。
7 瀏覽器開始下載HTML文檔(響應(yīng)報(bào)頭狀態(tài)碼為200時(shí))或者從本地緩存讀取文件內(nèi)容(瀏覽器緩存有效或響應(yīng)報(bào)頭狀態(tài)碼為304時(shí))。
8 瀏覽器根據(jù)下載接收到的HTML文件解析結(jié)構(gòu)建立DOM(Document Object Model,文檔對象模型)文檔樹,并根據(jù)HTML中的標(biāo)記請求下載指定的MIME類型文件(如CSS、Javascript腳本等),同時(shí)設(shè)置緩存等內(nèi)容。
9 頁面開始解析渲染DOM,CSS根據(jù)規(guī)則解析并結(jié)合DOM文檔樹進(jìn)行網(wǎng)頁內(nèi)容布局和繪制渲染,Javascript提供DOM API操作 DOM,并讀取瀏覽器緩存、執(zhí)行事件綁定等,頁面整個(gè)展示過程完成。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/52771.html
摘要:進(jìn)行協(xié)議會話,瀏覽器客戶端向服務(wù)器發(fā)送報(bào)文。進(jìn)入網(wǎng)站后臺的服務(wù)器處理請求,如等服務(wù)器。頁面開始解析渲染,根據(jù)規(guī)則解析并結(jié)合文檔樹進(jìn)行網(wǎng)頁內(nèi)容布局和繪制渲染,提供操作并讀取瀏覽器緩存執(zhí)行事件綁定等,頁面整個(gè)展示過程完成。 1 在接收到用戶輸入的網(wǎng)址后,瀏覽器會開啟一個(gè)縣城來處理這個(gè)請求,對用戶輸入的URL地址進(jìn)行分析判斷,如果是HTTP協(xié)議就按照 HTTP方式來處理。 2 調(diào)用瀏覽器...
摘要:進(jìn)行協(xié)議會話,瀏覽器客戶端向服務(wù)器發(fā)送報(bào)文。進(jìn)入網(wǎng)站后臺的服務(wù)器處理請求,如等服務(wù)器。頁面開始解析渲染,根據(jù)規(guī)則解析并結(jié)合文檔樹進(jìn)行網(wǎng)頁內(nèi)容布局和繪制渲染,提供操作并讀取瀏覽器緩存執(zhí)行事件綁定等,頁面整個(gè)展示過程完成。 1 在接收到用戶輸入的網(wǎng)址后,瀏覽器會開啟一個(gè)縣城來處理這個(gè)請求,對用戶輸入的URL地址進(jìn)行分析判斷,如果是HTTP協(xié)議就按照 HTTP方式來處理。 2 調(diào)用瀏覽器...
摘要:如我當(dāng)前打開的網(wǎng)址為,在控制臺中我們執(zhí)行了下面代碼查看瀏覽器面板如下圖所示,確實(shí)設(shè)置成功了,而且屬性選項(xiàng)都用了默認(rèn)值。 咱們不搞一開始就一大堆理論知識介紹,怕把人講懵了...... 咱們換一個(gè)思維方式——從現(xiàn)象看本質(zhì),先說說我們看到了什么,再從看到的現(xiàn)象中提出問題,最后深入尋找答案。 我們看到的 cookie 我自己創(chuàng)建了一個(gè)網(wǎng)站,網(wǎng)址為http://ppsc.sankuai.com。...
摘要:的輸入到瀏覽器解析的一系列事件很多大公司面試喜歡問這樣一道面試題,輸入到看見頁面發(fā)生了什么今天我們來總結(jié)一下。采用三次握手是為了防止失效的連接請求報(bào)文段突然又傳送到主機(jī),因而產(chǎn)生錯(cuò)誤。 首先說明,本文很長,請泡一杯咖啡,抽出至少半個(gè)小時(shí)來慢慢回味。 URL的輸入到瀏覽器解析的一系列事件 很多大公司面試喜歡問這樣一道面試題,輸入U(xiǎn)RL到看見頁面發(fā)生了什么?,今天我們來總結(jié)一下。 簡單來說,共...
showImg(https://segmentfault.com/img/remote/1460000018793640?w=900&h=500); 簡介 安全、注入攻擊、XSS 13歲女學(xué)生被捕:因發(fā)布 JavaScript 無限循環(huán)代碼。 這條新聞是來自 2019年3月10日 很多同學(xué)匆匆一瞥便滑動屏幕去看下一條消息了,并沒有去了解這段代碼是什么,怎么辦才能防止這個(gè)問題。事情發(fā)生后為了抗議日本...
閱讀 3128·2021-09-22 15:50
閱讀 3330·2021-09-10 10:51
閱讀 3142·2019-08-29 17:10
閱讀 2918·2019-08-26 12:14
閱讀 1835·2019-08-26 12:00
閱讀 932·2019-08-26 11:44
閱讀 652·2019-08-26 11:44
閱讀 2817·2019-08-26 11:41