在平时工作中，APP端使用前端界面并进行相应的交互，在此过程中，经常会遇到一些问题，但是由于界面是在APP端打开，就会产生一个问题：当界面报错或者需要调试时，很难进行相应的调试工作，在经过一些尝试之后，发现使用vorlon进行调试比较方便（在Vue多页面工程中，单页面未尝试，但是原理应该一样），以下记录使用过程：
1.首先进行全局安装vorlon（cnpm install -g vorlon）;
2.然后在index.html（需要监控的界面）添加<script src="http://192.168.1.:/vorlon.js"></script>
3.打开cmd，输入vorlon执行
4.在浏览器中打开http://192.168.1.:（你配置的监控ip和端口）进行监控
5.手机端打开界面，浏览器中vorlon就会显示相应的调试区域
注意：手机需要和电脑在同一个局域网内
经过个人测试，使用该方法调试APP内使用的H5界面，虽然不及在Chrome中直接进行调试，但是还是能解决移动端调试的问题的
在平时工作中，APP端使用前端界面并进行相应的交互，在此过程中，经常会遇到一些问题，但是由于界面是在APP端打开，...
背景 常见的需求，开发移动端h5，在移动端浏览器或者移动端app上渲染。 前端不知道怎么在移动端调试，移动端不知道...
一、介绍： 相信一开始开发移动端web页面的小伙伴会有一个问题，移动端页面在移动设备上真机调试或者是app混合开发...
一、介绍： 相信一开始开发移动端web页面的小伙伴会有一个问题，移动端页面在移动设备上真机调试或者是app混合开发...
当前移动端 H5 与原生混合开发已成常态，这其中自然就少不了原生与 H5 的交互问题。iOS 端 WebViewJ...
教程说明 相信刚接触移动端H5开发的都有一个问题，手机上应该如何调试H5，打印相应的log信息，而不是使用aler...
移动端Web开发调试之Chrome远程调试(Remote Debugging) 使用x5webview,chrom...
移动端开发过程中大量使用H5、js，而这些web页面的调试在Xcode控制台中不好调试。Safari浏览器来开启开...
safari调试iPhone app web页面 Overview 当下移动端开发过程中大量使用前段H5、js等等...
平常我们在进行移动端开发的时候都是用PC端的手机模拟器进行调试。但是，PC端调试和最终在移动端呈现的效果仍然存在差...
本文标题：混合开发之H5在移动端如何调试界面
本文链接：https://www.haomeiwen.com/subject/qrqlvqtx.html
网友评论