1.頁面右擊選擇【檢查】或者打開谷歌開發者模式
2.選擇【NetWork】，重新重新整理頁面
3. 選擇XHR 全稱(xmlhttprequest)，後，下面會有位址清單；檢視頁面的資料是從頁面渲染的資料還是通過後端api接口擷取的
4.左側點選第一個連結，右側，點選Preview(預覽模式)，如果顯示頁面的資料，說明頁面渲染的資料通過後端api接口擷取的
5.點選【All】檢視看html源碼，左側點選通路的域名(一般是第一個)，右側點選Response，都是一些html源碼，沒有頁面上的資料。 這裡拿仿小米商城和慕課網進行示範
一、前後端分離網站
1. 開發者模式_上路
2. 選擇【NetWork】，重新重新整理頁面
3. 頁面資料判斷
選擇XHR 全稱(xmlhttprequest)，後，下面會有位址清單；檢視頁面的資料是從頁面渲染的還是通過後端api接口擷取的
4. Preview模式顯真僞
5. 源碼深入
得出結論：
頁面的資料是通過調用後端api接口傳回的資料，後端傳回的json資料，前端拿到這些資料，渲染到頁面上
這種網站：屬于前後端分離的架構
二、非前後端分離網站
1. 開發者模式_上路
2. 選擇【NetWork】，重新重新整理頁面
3. 頁面資料判斷
選擇XHR 全稱(xmlhttprequest)，後，下面會有位址清單；檢視頁面的資料是從頁面渲染的還是通過後端api接口擷取的?
4. Preview模式顯真僞
5. 源碼深入