webstorm怎么開發(fā)手機網(wǎng)站?
時間:2023-12-05 10:24:01 | 來源:網(wǎng)站運營
時間:2023-12-05 10:24:01 來源:網(wǎng)站運營
webstorm怎么開發(fā)手機網(wǎng)站?:怎么新建項目?
自己看 webstorm 官方文檔。
手機怎么上實時預(yù)覽?
1.在 webstorm 編輯 html 文件的時候,鼠標(biāo)移動到編輯區(qū)右上角會出幾個瀏覽器圖標(biāo),點擊可以在瀏覽器中打開當(dāng)前的 html 文件,其地址類似為:localhost:xxx/xxx.html 。
2.在 charles (windows 下可用 fiddler)等抓包工具中開啟代理功能(方法自行搜索),手機設(shè)置 http 代理為 charles 代理(你電腦的 ip:代理端口)。
3. 在 charles 彈窗中允許手機訪問代理端口。
4.在手機瀏覽器中輸入 html 的地址 localhost:xxx/xxx.html 訪問頁面。
5. 推薦個 chrome 插件,可以將地址欄中的 url 生成二維碼,這樣手機掃一掃即可訪問:
https://chrome.google.com/webstore/detail/pflgjjogbmmcmfhfcnlohagkablhbpmg