因?yàn)樵跒楣倬W(wǎng)適配手機(jī)等設(shè)備，所以希望能讓本地的站點(diǎn)不必上傳到服務(wù)器就可以在手機(jī)中預(yù)覽。網(wǎng)上給出的方案不少，但是真正可用，并且操作簡(jiǎn)單的并不多。ios的比較好解決，android的可以用BrowerSync，這是個(gè)命令行工具，要使用Node.js來(lái)安裝。這里要介紹的是Adobe家的一套edge cc工具集中提供的兩個(gè)工具來(lái)實(shí)現(xiàn)開(kāi)發(fā)中在手機(jī)實(shí)時(shí)預(yù)覽，因?yàn)檫@套工具同時(shí)支持iOS和Android，所以可以支持跨平臺(tái)。
需要用的工具是：
- Adobe edge inspect cc
- Adobe edge code cc
-
Android版 edge inspect cc。
-**
1. 安裝好后，打開(kāi)pc端的edge inspect cc。
edge inspect cc
需要用Adobe的賬號(hào)登陸才可以使用。
2. 打開(kāi)pc端的edge code cc。
edge code cc
code cc 是一款輕量級(jí)的開(kāi)發(fā)工具，支持html , css , javascript等語(yǔ)言。code cc的界面簡(jiǎn)潔，左邊是文件樹(shù)，右邊是快捷工具鍵，上邊是菜單，中間一大塊區(qū)域就是代碼編輯區(qū)，可以看全整行代碼，不用像其他開(kāi)發(fā)工具那樣要左右滑動(dòng)才能看全整行代碼。
3. 點(diǎn)擊code cc 快捷工具鍵里的預(yù)覽工具。
手機(jī)圖標(biāo)
4. 打開(kāi)手機(jī)端的inspect cc ，連接PC端的code cc 。
在手機(jī)端輸入IP地址
連接成功以后，手機(jī)端的inspect cc 就會(huì)顯示PC端chrome瀏覽器的頁(yè)面。
chrome瀏覽器
5. 在手機(jī)上預(yù)覽本地網(wǎng)站。
這時(shí)候可以看到手機(jī)端的inspect cc 已經(jīng)可以預(yù)覽chrome瀏覽器的網(wǎng)頁(yè)了，但是在chrome地址欄里輸入本地主機(jī)的地址，卻沒(méi)辦法預(yù)覽本地的網(wǎng)站。
因?yàn)檫€需要code cc里面配置調(diào)試本地網(wǎng)站。在code cc 里面菜單欄File/Open Folder ,打開(kāi)本地網(wǎng)站。最后點(diǎn)擊快捷菜單鍵最上面的調(diào)試鍵（閃電樣式）。
閃電
然后，當(dāng)我們?cè)倩氐绞謾C(jī)端inspect cc 里查看的時(shí)候，可以看到已經(jīng)變成本地站點(diǎn)的頁(yè)面了。
