在開發移動端項目時瀏覽器里出來的效果往往到真機上和預想的有出入,在開發過程中知道了一個可以在本地自己啟動一個服務器在手機預覽的辦法。
1、首先在終端安裝http。
npm i http-server -g。(g全局安裝)
2、cd到需要查看的頁面的文件夾處
例如:必須是h5這個文件夾(cd h5/)
3、可以看一下server下的命令有很多,可以通過http-server -h 查看,
但是常用的就是-c
4、運行查看項目
在調試項目文件路徑下執行:http-server . -c-1(-c-1是不需要緩存)
5、在電腦上查看
例如:localhost:8080/(默認打開index頁面)若要打開demo.html就需要localhost:8080/demo
6、在手機預覽效果
手機端輸入http-server地址+文件名字。http-server地址一般是用帶ip的那個例如(http://192.***.**.***:8080/demo).
注意:手機訪問的話,需要手機和電腦是在同一局域網下。
然后手機和瀏覽器的模擬機的出入就一目了然啦。具體怎么在手機端查看布局問題請看下一篇《如何在真機進行前端頁面調試》。