移动
覆盖移动端全栈开发疑问，解答原生 / 跨端、适配优化与体验升级中的各类移动难题。
-
2
回答
34浏览
移动端UI测试时，为什么Vue页面的按钮在真机上点击位置偏移？
在用Appium做移动端UI测试时发现，Vue页面里的一个按钮在真机上点击区域比显示位置偏右15px左右，但模拟器里完全正常。我尝试过检查CSS定位、调整padding和margin都没用，是不是移动...
-
2
回答
43浏览
XCUITest点击按钮在真机上无效怎么办？
在用XCUITest测试登录按钮点击时，模拟器能正常点击，但真机一直无效。我尝试过用Xcode调试器检查元素存在，坐标也正确，但点击后没反应。代码是这样写的： const loginButton = ...
-
2
回答
47浏览
Framer Motion的动画在移动端触屏滑动时偶尔卡顿怎么办？
我在用Framer Motion做移动端导航栏的抽屉动画，用useGesture监听拖动时，偶尔会出现0.1秒的卡顿。尝试过设置layoutTransition和调整dragConstraints，但...
-
1
回答
67浏览
Detox测试时模拟键盘输入后无法点击按钮？
在用Detox测试登录页时，输入账号密码后点击登录按钮没有反应。我已经用waitFor包住按钮操作，但还是报元素不可点击的错误。这是我的测试代码： describe('登录流程', () => ...
-
2
回答
51浏览
真机调试时页面样式错乱，如何定位问题？
我在安卓手机上用Chrome调试H5页面时，页面布局正常。但真机扫码调试时，轮播图高度突然变成0了，其他元素也错位。尝试过检查CSS、清除缓存、换不同浏览器都无效，这是什么原因啊？ 代码示例： <...
-
2
回答
78浏览
流式布局中元素宽度百分比计算不准确怎么办？
我在用流式布局做自适应页面时遇到了问题，设置了父容器宽度为百分比，但子元素的百分比宽度在不同屏幕下计算总是错位。 比如这样写结构： 内容 内容 内容 在手机横屏时三列能撑满，但竖屏时会溢出容器。试过加...
-
2
回答
330浏览
Flutter打包Android apk时出现签名错误，如何解决？
我在用Flutter打包Android正式版apk时，按照官方文档生成了keystore文件，但执行flutter build appbundle时一直报签名错误： * What went wrong...
-
2
回答
52浏览
为什么设置了dpr后图片在高DPR设备上还是模糊？
我在做移动端适配时，给图片设置了dpr相关的CSS属性，但发现高分辨率设备（比如iPhone 12）上的图片依然显示模糊。我用的是以下写法： img { width: 200px; height: a...
-
2
回答
69浏览
Vue中实现手势旋转时，为什么旋转角度计算不准？
我在用Vue做图片旋转功能，通过touch事件计算旋转角度，但发现旋转方向有时会反，角度数值也不对。代码里用Math.atan2计算两点夹角，但测试时顺时针转反而显示负角度，代码哪里出问题了？ exp...
-
2
回答
31浏览
移动支付回调通知处理失败，如何确保服务器端可靠接收并重试？
在集成微信支付后端时，遇到支付成功回调通知偶尔返回504错误，导致订单状态混乱。已经按文档设置了async/await处理异步逻辑，但还是出现回调重试3次后失败的情况。 尝试过在Express中间件里...
-
2
回答
32浏览
Hybrid应用WebView页面滑动卡顿怎么办？
最近在做Hybrid混合开发，安卓机上WebView页面滑动特别卡顿。已经尝试过压缩图片资源、合并CSS文件，但效果不明显。发现滑动时频繁触发requestAnimationFrame，控制台还报过G...
-
2
回答
57浏览
为什么用rem方案后移动端页面在不同机型下字体和间距错乱？
最近在用rem方案做移动端适配，按教程设置了html根字体大小，但发现iPhone 12和华为nova9的字体和间距显示完全不一样，1rem在nova9上显得特别大。 我按教程写了个动态计算函数： f...
-
1
回答
163浏览
Framework7 React中如何在页面切换时保持Tabbar选中状态？
大家好，我在用Framework7 React开发移动端时遇到个问题：当通过侧边栏菜单跳转页面后，底部Tabbar的选中状态会重置，怎么才能让Tabbar根据路由保持对应的选中项呢？ 我按照官方文档配...
-
2
回答
36浏览
小程序页面频繁渲染导致卡顿，怎么优化？
在开发小程序时遇到一个性能问题，页面列表滑动时特别卡顿。我尝试过用setData防抖和减少数据更新频率，但效果不明显。比如这个列表渲染逻辑： Page({ onScroll() { this.setD...
-
1
回答
85浏览
Reanimated动画在组件卸载时如何正确清理？
我在用Reanimated 2实现按钮悬停缩放动画时遇到问题，当点击按钮跳转页面时动画突然中断，页面闪了一下。尝试在useEffect的清理函数里调用stopAnimation，但报错说animate...
-
2
回答
75浏览
移动端CSS动画导致FPS不达标怎么办？
我给页面加了个轮播图动画，用transform和opacity组合过渡效果，但在低性能手机上直接卡成PPT，fps监测工具显示掉到20多帧。尝试把transform抽出来单独写还是没改善： .slid...
-
2
回答
48浏览
移动端CSS动画在iOS上卡顿怎么解决？
我在移动端做一个图片缩放动画，用CSS的scale属性写了个@keyframes，但在iPhone上运行特别卡顿。 代码是这样的： <style> .scale-animation { a...
-
2
回答
62浏览
安卓手机连接电脑远程调试时设备一直无法识别怎么办？
用USB线连安卓手机和电脑做Chrome远程调试时，设备始终显示为空。已经开了开发者选项和USB调试，换了数据线和端口也不行，adb devices也检测不到设备，这是哪里出问题了？ 之前按教程操作过...
-
2
回答
69浏览
Ant Design Mobile按钮在iOS设备上文字被截断怎么办？
在用Ant Design Mobile做移动端开发时发现，a-button组件在iOS手机上文字显示不全被截断了，安卓没问题。试过调整padding和设置white-space: nowrap都不行。...
-
2
回答
69浏览
iOS和Android WebView中flex布局对齐方式差异太大怎么解决？
搞不懂啊，同样的H5页面在iOS和Android的WebView里显示完全不一样。比如这个按钮组用了flex wrap，iOS正常换行，Android却把最后一行顶到顶部了。 已经试过重置浏览器默认样...
