移动端真机调试各种方法

作者: 恬雅过客 | 来源:发表于2023-02-02 11:42 被阅读0次

移动端真机调试各种方法
移动端真机调试
关于页面背景色
流式布局&flex布局
移动端真机调试指南
移动端网页真机调试
【umi插件开发】控制台二维码
移动端使用vConsole真机调试
移动端真机调试方案总结
Safari进行真机调试本地Web应用-实践

整理了一些移动端调试的方法、方案啥的，有些用过，有些未用过。仅供参考。

Eruda $\color{red}{推荐}$

推荐理由：

可调试dom元素的样式css。 $\color{red}{个人关注点}$
可调试js。
可调试接口请求network。

Vconsole

专门调试js和接口请求用的。
缺点：

不能调试dom元素的样式css。

Weinre

缺点：

调试不太便捷。
安装有点点复杂。

Chrome真机调试

缺点：

只能调试chrome浏览器，无法调试其他浏览器的ui兼容问题。

其他方法，可详见https://www.chengzila.com/archives/mobile-debug

参考

移动端真机调试各种方法
整理了一些移动端调试的方法、方案啥的，有些用过，有些未用过。仅供参考。 Eruda 推荐理由：可调试dom元素的...
移动端真机调试
移动端调试困难很多时候，我们在进行移动端开发时，都是先在PC端使用手机模拟器进行调试，没有问题后，我们才会在手机...
关于页面背景色
之前制作移动端页面的过程中，PC端模拟调试一切正常，但放到移动端真机调试时发现许多页面存在色差问题。这是由于浏览...
流式布局&flex布局
流式布局 1. 移动端基础 1.1浏览器现状 1.2手机屏幕的现状 1.3常见移动端屏幕尺寸 1.4移动端调试方法...
移动端真机调试指南
移动端网页真机调试
发现个真机看效果的好方法，在同一网络下，手机端访问PC的ip+端口+地址是可以直接访问到网页的，前提PC端已经开...
【umi插件开发】控制台二维码
前言在进行移动端webapp开发时，你是否会想要在真机上调试项目。下面分析一下本地运行项目时，真机调试需要的步骤...
移动端使用vConsole真机调试
现在很多移动端是用H5做的，但是有时候，有的问题，无法在真机进行调试，这个就需要vConsole进行调试，它可以打...
移动端真机调试方案总结
我们在写webapp或者移动端网页需要嵌入到app时候，尤其是在APP内置的webView上加载我们的页面，想要查...
Safari进行真机调试本地Web应用-实践
真机调试本地Web应用-实践之前，移动端的开发测试一直是很头痛的问题。通常的测试方法是使用Chrome模拟器，但...