摘要:默認打開的路徑是當我們想在手機上看時這個地址顯然不行,于是需要修改一下的配置,首先需要修改部分的紅框框住部分,修改端口號,勾選后面部分然后是修改,點擊號添加一個服務(wù)器,類別選擇注意這里路徑寫所在文件夾的根目錄,意思是如果你的是在,寫的路
webstorm默認打開html的路徑是 http://localhost:63342/...,當我們想在手機上看時這個地址顯然不行,于是需要修改一下webstorm的配置,F(xiàn)ile->Settings->Build, Execution, Deployment;
首先需要修改debugger部分的紅框框住部分,修改端口號,勾選后面部分:
然后是修改Deployment,點擊+號添加一個服務(wù)器,類別選擇Local or mounted folder
注意folder這里路徑寫所在文件夾的根目錄,意思是如果你的html是在,寫的路徑就應(yīng)該是,否則會找不到這個文件;
web server Url 就寫本機ip地址加上你剛剛在debugger里配置的端口號;
然后是Mappings,local path同上面的folder,deployment path也是根路徑,最后點擊apply,就完成配置啦~
現(xiàn)在在webstorm里面選擇用Chrome瀏覽器預(yù)覽html已經(jīng)是ip地址啦,這樣就可以在手機上調(diào)試網(wǎng)頁了!
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/106603.html
摘要:我個人比較推薦的方法是或者安卓手機的這種方式,比較簡單方便快捷,然后根據(jù)具體的環(huán)境再選擇更為合適的調(diào)試方法。 本文首次發(fā)表于本人的個人博客:http://cherryblog.site/ ,歡迎大家到我的博客查看更多文章~ 前言 在開發(fā)中前端免不了要進行移動端的開發(fā),然而在電腦上看的樣式和手機上還是有一定的差距的,因為手機上有頂部的狀態(tài)欄和底部的菜單欄,特別是在qq內(nèi)置瀏覽器中打開,差...
摘要:打開您的命令行工具,進入到目錄下,運行以下其中一條命令。將創(chuàng)建一個本地服務(wù)器并自動打開你的瀏覽器后訪問地址,這一切都會在命令行工具里顯示。 自己寫標簽: 實時刷新、 免F5、 gulp + browser-sync 開門見山,首先講明一下本文的定位吧:寫這篇文章是因為自己在平時的學(xué)習(xí)中,一次次試驗了很多的前端實時刷新工具,有順手的,有蹩腳的,有簡單的,有麻煩的,安裝完又折騰,折騰完又卸...
摘要:使用手機訪問演示頁面如果使用和創(chuàng)建項目。后手機不能通過網(wǎng)絡(luò)訪問演示頁面,原因是默認使用計算機本地連接的地址作為網(wǎng)絡(luò)訪問地址修改地址為要使用的無線網(wǎng)絡(luò)地址就可以解決問題在之前的版本中可以修改目錄內(nèi)文件解決移除了文件后可嘗試如下解決辦法。 Vue-cli 3.5.1 + Webstorm 使用手機訪問演示頁面 如果使用Webstorm和Vue-cli 3.5.1創(chuàng)建項目。npm run s...
閱讀 1682·2019-08-30 15:54
閱讀 3332·2019-08-26 17:15
閱讀 3522·2019-08-26 13:49
閱讀 2582·2019-08-26 13:38
閱讀 2291·2019-08-26 12:08
閱讀 3035·2019-08-26 10:41
閱讀 1368·2019-08-26 10:24
閱讀 3376·2019-08-23 18:35