如何在手机上调试h5

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在手机上调试h5相关的知识,希望对你有一定的参考价值。

参考技术A 众所周知,我们做前端的写页面都是在电脑浏览器里调试,但是h5在浏览器手机模式和真机还是有区别的,所以这里记录下我的方法。

步骤:

(1) 建立新的文件夹,进入文件夹,npm init,把要打开的文件拖入

(2) npm install live-server 安装live-server

(3)在json里面修改IP改为本地ip,例如:

(4) npm run server,运行生成地址

同方法一,手机和电脑在一个wifi下,这样地址就可以用手机端访问了

其他也可以使用Apache HTTP Server

以上是关于如何在手机上调试h5的主要内容,如果未能解决你的问题,请参考以下文章

开发h5页面时怎么在手机上查看

react开发的h5怎么在手机上看

Eclipse开发Android程序如何在手机上运行

调试ios android 手机 上的 H5页面

Unity使用Remote直接在手机上调试游戏

FineReport中如何安装移动端H5插件