想请教一下做移动端的同学，现在遇到一个开发调试的问题

[NakanoAzure]

就主要是 H5 吧，是我要调移动端的间距，我想验证我调的这个间距有没有问题，然后安卓的话连真机电脑上面能有那个手机界面的样子对吧，但是这块会收到屏幕的影响，我放到一个大的屏幕里面他的那个间距就会变大，然后 ios 的话用 Safari 连真机甚至电脑上面都没有那个界面的样式能调。然后我去问了下我们的 UE ，他说他们样式走查也只是真机截图然后去看样式，但是好像我现在要调样式的时候也只能截图这么去调，但是有点感觉这样子去验证的话有点太麻烦了，想请教一下移动端的同学有什么简单的方法去验证间距这种吗。就比如 pc 端的我之前用的是一个 chrome 的插件 better rule 直接就能看间距，但是我看移动端好像没有类似的工具啊，然后开发的时候效率就特别低，想请教一下有没有什么提效的方法啊

[bgm004]

没有用过 iphone 。没有类似 chrome://inspect 这样的功能吗？

[murmur]

连起来看怎么看不懂呢？想解决一致性问题就必须真机调试，苹果手机 safari 开了 debug 模式，连苹果机用 safari 就可以起开发工具看

[NakanoAzure]

@murmur 但是想调间距只能每次截图传到电脑上面看间距，然后就感觉有点麻烦有没有更简单的用法，就类似 pc 端那个插件 better rule

[thealert]

电脑和手机同屏 android 的 scrcpy 软件

[shadowyue]

@NakanoAzure 我们都是让 UI 来帮忙，人家一眼就能看出来间距对不对，不用截图

[HMYang33]

下次发帖记得先把语音转文字换成适合阅读的版本

另外 我感觉你没有用过浏览器的开发者调试工具
你完全可以获取移动设备浏览器窗口的高度和宽度
然后再电脑上开一个同样大小的窗口
这样你就能用电脑调试了
在电脑上把间距调好之后再运行到真机端，
基本上都是没啥问题的。

[xqqiu137a1220]

安卓可以使用 chrome://inspect 工具，在安卓原生里面需要在 webview 初始化的时候加上 if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
，然后使用 android studio 运行 debug 模式，或者使用 gradlew 运行到真机上，然后打开谷歌浏览器，输入 chrome://inspect ，就能看到你的手机的页面

ios 的话需要使用 safari 浏览器，去设置中打开 safari 的调试模式，也能像 chrome 一样调试后 h5 页面