前端在本地啟動服務預覽html頁面


  在開發移動端項目時瀏覽器里出來的效果往往到真機上和預想的有出入,在開發過程中知道了一個可以在本地自己啟動一個服務器在手機預覽的辦法。

 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).

         注意:手機訪問的話,需要手機和電腦是在同一局域網下。

         然后手機和瀏覽器的模擬機的出入就一目了然啦。具體怎么在手機端查看布局問題請看下一篇《如何在真機進行前端頁面調試》。

    轉載:https://www.cnblogs.com/lxn2/p/10006222.html

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM