歡迎來到DIVCSS5查找CSS資料與學習DIV CSS布局技術!
您的位置:DIVCSS5首頁 > HTML >
1. 使用谷歌/火狐瀏覽器分析
在Web應用中,服務器把網頁傳給瀏覽器,實際上就是把網頁的HTML代碼發送給瀏覽器,讓瀏覽器顯示出來。而瀏覽器和服務器之間的傳輸協議是HTTP,所以:
HTML是一種用來定義網頁的文本,會HTML,就可以編寫網頁;
HTTP是在網絡上傳輸HTML的協議,用于瀏覽器和服務器的通信。
Chrome瀏覽器提供了一套完整地調試工具,非常適合Web開發。
安裝好Chrome瀏覽器后,打開Chrome,在菜單中選擇“視圖”,“開發者”,“開發者工具”,就可以顯示開發者工具:
HTML5前端開發入門知識點:HTTP協議含義詳解
HTML5前端開發入門知識點:HTTP協議含義詳解
說明
Elements顯示網頁的結構
Network顯示瀏覽器和服務器的通信
我們點Network,確保第一個小紅燈亮著,Chrome就會記錄所有瀏覽器和服務器之間的通信:
HTML5前端開發入門知識點:HTTP協議含義詳解
HTML5前端開發入門知識點:HTTP協議含義詳解
2. http協議的分析
當我們在地址欄輸入www.baidu.com時,瀏覽器將顯示百度的首頁。在這個過程中,瀏覽器都干了哪些事情呢?通過Network的記錄,我們就可以知道。在Network中,找到www.baidu.com那條記錄,點擊,右側將顯示Request Headers,點擊右側的view source,我們就可以看到瀏覽器發給新浪服務器的請求:
2.1 瀏覽器請求
HTML5前端開發入門知識點:HTTP協議含義詳解
HTML5前端開發入門知識點:HTTP協議含義詳解
HTML5前端開發入門知識點:HTTP協議含義詳解
HTML5前端開發入門知識點:HTTP協議含義詳解
說明
最主要的頭兩行分析如下,第一行:
GET / HTTP/1.1
GET表示一個讀取請求,將從服務器獲得網頁數據,/表示URL的路徑,URL總是以/開頭,/就表示首頁,最后的HTTP/1.1指示采用的HTTP協議版本是1.1。目前HTTP協議的版本就是1.1,但是大部分服務器也支持1.0版本,主要區別在于1.1版本允許多個HTTP請求復用一個TCP連接,以加快傳輸速度。
從第二行開始,每一行都類似于Xxx: abcdefg:
Host: www.baidu.com
表示請求的域名是www.baidu.com。如果一臺服務器有多個網站,服務器就需要通過Host來區分瀏覽器請求的是哪個網站。
2.2 服務器響應
繼續往下找到Response Headers,點擊view source,顯示服務器返回的原始響應數據:
HTML5前端開發入門知識點:HTTP協議含義詳解
HTML5前端開發入門知識點:HTTP協議含義詳解
HTTP響應分為Header和Body兩部分(Body是可選項),我們在Network中看到的Header最重要的幾行如下:
HTTP/1.1 200 OK
200表示一個成功的響應,后面的OK是說明。
如果返回的不是200,那么往往有其他的功能,例如
失敗的響應有404 Not Found:網頁不存在
500 Internal Server Error:服務器內部出錯
...等等...
Content-Type: text/html
Content-Type指示響應的內容,這里是text/html表示HTML網頁。
請注意,瀏覽器就是依靠Content-Type來判斷響應的內容是網頁還是圖片,是視頻還是音樂。瀏覽器并不靠URL來判斷響應的內容,所以,即使URL是http://www.baidu.com/meimei.jpg,它也不一定就是圖片。
HTTP響應的Body就是HTML源碼,我們在菜單欄選擇“視圖”,“開發者”,“查看網頁源碼”就可以在瀏覽器中直接查看HTML源碼。

如需轉載,請注明文章出處和來源網址:http://www.hjkjtws.com.cn/html/h58279.shtml

如對文章有任何疑問請提交到DIV CSS論壇,或有任何網頁制作CSS問題立即到CSS論壇發貼求解 或 直接DIVCSS5網頁頂部搜索遇到DIVCSS疑問。
CSS教程文章修訂日期:2018-08-14 17:37 原創:DIVCSS5
本文www.hjkjtws.com.cn DIVCSS5版權所有。

时时彩内部管理计划群 辽宁35选7几点开奖结果 浙江十一选五组选2奖金 2020东方心经免费资料 山东十一选五最大遗 云南快乐10分遗 梦幻国际棋牌新版下载 山西11选5遗漏号码 股票融资是好是坏 海南4十1彩票开奖规则 捕鱼游戏赚钱 永利皇宫412线路检测 十一选五走势图 网上怎么进行股票开户 云南快乐10分开奖号 体彩顶呱刮20出奖规律 5分快3计划最高24倍