今天小穎因為項目需求,要給app提供一個html5靜態頁面,因為手機分辨率的問題,ui給的圖替換到頁面中后,需要查看下頁面中的圖片是否會虛。
小穎去年的領導之前給小穎說過可以將自己的本地html使用http-server開啟一個本地服務器生成一個http://IP的鏈接,然后再利用草料二維碼 生成一個二維碼,手機直接掃描二維碼之后就可以直接預覽本地的html5頁面,下面是詳細的實現過程:
項目目錄:
2.如果本地有node的話直接運行:
npm install http-server -g
如果本地沒有node,先下載node 官網地址: https://nodejs.org
下載完成后在命令行輸入命令$ node -v
以及$ npm -v
檢查版本,確認是否安裝成功。
3.開啟http-server服務:
http-server
最后用http://192.168.0.135:8080/http-server.html訪問你的本地頁面
將該鏈接粘貼到:
最后一步:
點擊生成二維碼后右側會生成一個二維碼,然后用手機掃描就可以看到你本地的html頁面啦