就主要是 H5 吧，是我要调移动端的间距，我想验证我调的这个间距有没有问题，然后安卓的话连真机电脑上面能有那个手机界面的样子对吧，但是这块会收到屏幕的影响，我放到一个大的屏幕里面他的那个间距就会变大，然后 ios 的话用 Safari 连真机甚至电脑上面都没有那个界面的样式能调。然后我去问了下我们的 UE ，他说他们样式走查也只是真机截图然后去看样式，但是好像我现在要调样式的时候也只能截图这么去调，但是有点感觉这样子去验证的话有点太麻烦了，想请教一下移动端的同学有什么简单的方法去验证间距这种吗。就比如 pc 端的我之前用的是一个 chrome 的插件 better rule 直接就能看间距，但是我看移动端好像没有类似的工具啊，然后开发的时候效率就特别低，想请教一下有没有什么提效的方法啊
This topic created in 328 days ago, the information mentioned may be changed or developed.
 |
1
bgm004 Jul 18, 2025
没有用过 iphone 。没有类似 chrome://inspect 这样的功能吗？
|
 |
2
murmur Jul 18, 2025
连起来看怎么看不懂呢？想解决一致性问题就必须真机调试，苹果手机 safari 开了 debug 模式，连苹果机用 safari 就可以起开发工具看
|
 |
3
NakanoAzure OP @murmur 但是想调间距只能每次截图传到电脑上面看间距，然后就感觉有点麻烦有没有更简单的用法，就类似 pc 端那个插件 better rule
|
 |
4
thealert Jul 18, 2025
电脑和手机同屏 android 的 scrcpy 软件
|
 |
5
shadowyue Jul 18, 2025
@NakanoAzure 我们都是让 UI 来帮忙，人家一眼就能看出来间距对不对，不用截图
|
 |
6
HMYang33 Jul 19, 2025 via Android
下次发帖记得先把语音转文字换成适合阅读的版本
另外 我感觉你没有用过浏览器的开发者调试工具 你完全可以获取移动设备浏览器窗口的高度和宽度 然后再电脑上开一个同样大小的窗口 这样你就能用电脑调试了 在电脑上把间距调好之后再运行到真机端， 基本上都是没啥问题的。 |
 |
7
xqqiu137a1220 Aug 7, 2025
安卓可以使用 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 页面 |
Select Language