调试ios android 手机 上的 H5页面

Posted

tags:

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

参考技术A h5项目在手机上调试(ios和安卓)

1、在vue 项目中实现手机调试
vue中直接使用npm 安装vConsole
—(1)先找到vue得全局index.html页面
—(2)引入
<script type="text/javascript" scr="vconsole.min.js"></script> <script type="text/javascript"> var vConsole = new VConsole(); </script>
—(3)在手机端得任意浏览器打开项目地址
项目地址如— http://192.167.97.ip :端口号
必须保证是同一局域网
—(4)打开手机端得页面点击查看右下角是否有 ---- vConsole图标
若有则表示安装成功

https://www.cnblogs.com/dreamhighqiu/p/10995970.html

https://blog.csdn.net/weixin_39842937/article/details/111122648

https://blog.csdn.net/bitcser/article/details/116482463

以上是关于调试ios android 手机 上的 H5页面的主要内容,如果未能解决你的问题,请参考以下文章

(1)ios 调试 H5页面

在电脑上调试苹果ios上的h5页面

Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)

iOS13调试Safari和WKWebView中的页面

Android端H5测试

weinre 实时调试手机上的Web页面