微信小程序 —— 苹果机的兼容总结

最新推荐文章于 2025-06-09 18:16:52 发布
最新推荐文章于 2025-06-09 18:16:52 发布
阅读量4.6k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 微信开发 微信小程序 文章标签： 微信小程序 视频 苹果
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Wu_shuxuan/article/details/78579165
本文介绍了微信小程序在苹果设备上的几个常见问题及其解决方案：如何启用下拉刷新功能、解决video组件图标不显示的问题以及避免自定义遮罩层导致的滑动BUG。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. 苹果机的下拉刷新
微信小程序在app.json中配置    
"enablePullDownRefresh": true,(true不能加双引号)
2. 苹果机对于video的开始播放icon不显示
使用微信小程序的cover-view自定义遮罩层，并添加点击事件
3. 自定义遮罩层显示之后，wxml在外层的view的 “height:100vh”，防止自定义遮罩层出现后，底层的页面继续滑动的BUG
vh是视窗单位，100vh代表屏幕可视高度；
vw是视窗单位，100vw代表屏幕可视宽度；
微信小程序——实现手机振动效果
不迁怒，不贰过。小知识，大智慧。
07-25 3076
一、微信官方文档资料 1、wx.vibrateShort(Object object) 2、wx.vibrateLong(Object object) 二、手机振动应用场景（以 wx.vibrateLong() 方法为例） 1、如何实现一直震动？ 2、如何关闭连续震动？
第一：微信小程序-真机测试(一)
欢迎来到本博客！
08-14 1397
【代码】第一：微信小程序-真机测试(一)
微信小程序开发之IOS和Android兼容的问题
08-29
主要介绍了微信小程序开发之IOS和Android兼容的问题的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下
微信小程序中遇到的iOS兼容性问题小结
12-12
前言 随着小程序的热度不减，更多的电商大佬来时使用小程序，在微信小程序开发中，经常会遇到一些兼容性的问题，下面这篇文章就记录下在微信小程序中遇到的一些兼容性问题，iOS兼容性 1.iOS中input的placeholder属性字体不居中 对placeholder设置line-height及font-size 对input设置高度 2.iOS中滚动卡顿 设置-webkit-overflow-scrolling:touch; 3.微信小程序中解决iOS中new Date() 时间格式不兼容 在实现倒计时，根据后台返回的时间格式转换时，后台返回了时间格式为”2018-11-12
前端面试题 微信小程序兼容性问题与组件适配策略
最新发布
qq_41205754的博客
06-09 1311
最近面试的时候有问到所以整理了一份
微信小程序兼容性问题
luyaran的博客
02-18 1万+
微信小程序发布一周多了，兼容性问题，特别是 Android 平台兼容性问题特别严重。据我观察，好多小程序掉到兼容性的坑里。掉坑里不要紧，更让人捉急的是，从坑里爬上来的时候，手刚抓到坑沿，又被微信官方踩到（紧急修复兼容性的版本没审核通过，被微信打回重审），再次跌落坑底，然后眼睁睁地看着后台用户在破口大骂“什么东西都没有啊~，什么破小程序”。 微信小程序的兼容性问题除了微信本身的 Bug 外，大部分
微信小程序中的iOS兼容性问题
weixin_33958366的博客
10-30 3510
记录下在微信小程序中遇到的一些兼容性问题，iOS兼容性 1.iOS中input的placeholder属性字体不居中 对placeholder设置line-height及font-size 对input设置高度 2.iOS中滚动卡顿 设置-webkit-overflow-scrolling:touch; 3.微信小程序中解决iOS中n...
小程序获取手机高度
曹焱的博客
04-11 7390
wx.getSystemInfo({ success: function (res) { that.setData({ height: res.windowHeight - (res.windowWidth / 750) * 94 + "px" }) } }) 最后分享一个公众号二维码...
微信小程序开发的学习资料收集
热门推荐
zhan9le的博客
06-28 1万+
小程序开发学习资料集合
微信小程序毕业设计——悦读神器项目源码与教程
通过微信小程序开发，它可以实现跨平台运行，不仅适用于安卓手机、苹果手机，还可以在平板电脑、笔记本电脑等设备上使用。 1. 前端技术 微信小程序悦读神器的前端使用的是微信小程序平台，微信小程序的开发语言主要...
APP、微信小程序、网页H5
weixin_50359084的博客
03-14 564
APP、微信小程序、网页H5
关于小程序兼容的问题
愚公的博客
12-02 1982
1、由于按钮固定定位在底部，在一些iPhone X以上的屏幕，底下会有一条线，由此，我们需要解决其问题 方案如下: 监听当前手机型号，判断是否为刘海屏幕 2、小程序ios端的margin-bottom无效。 解决办法：用padding-bottom替换。 3、小程序ios端的日期为NaN-NaN... 　　原因：一般日期为"2020-08-08 08:08:08"格式，ios日期只支持"2020/08/08 08:08:08" 　　解决办法：运用正则转为需要的ios兼容的格式 4、ios下的zI
微信小程序及其兼容性
测试架构师养成记的博客
12-08 1万+
什么是微信小程序 微信小程序是2017年9月，正式发布公测，是一种全新的连接用户与服务的方式，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。 可以取代低频APP，不占空间 适用功能单一的（小程序最大2M） 适合配合线下店铺一起使用，扫描即可获取信息 不适用流量和分发的产品（小程序不支持流量） 小程序与H5和APP的区别 小程序的优点： 小程序要比H5快，小程序是下载到微信APP里的...
微信小程序-兼容
黑猫中校的燃烧战场
11-12 2324
说到兼容，那么我们先获取系统信息看看。 wx.getSystemInfo(OBJECT) 获取系统信息 同步：wx.getSystemInfo({ success: function(res) { console.log("异步获取系统信息:"); console.log(res); }, })异步： try {
小程序兼容处理
ishowman的博客
03-13 1414
小程序的功能不断的增加，但是旧版本的微信客户端并不支持新功能，所以在使用这些新能力的时候需要做兼容 wx.canIUse 只适用于检测小程序api及基础组件（即不支持检测自定义组件）。如：wx.canIUse('view') 小程序基础款版本 如小程序基础库版本 1.6.3 开始，才支持自定义组件化。因此使用自定义组件化时，需通过 wx.getSystemInfo...
小程序手机兼容问题
沫沫酱
07-02 3075
在小程序中直接使用媒体查询功能是不起作用的，即@media screen and (max-device-width:320px) and (max-device-height:568px){ .fashiontribeListBtn{ font-size: 18rpx; }}如果要针对iphone x做css兼容需要使用js //iphonex下的css兼容 w...
【小程序】小程序跨平台兼容性问题
m0_61049675的博客
05-14 2995
通过结合以上解决方案，你可以更好地处理小程序在不同平台和设备上的兼容性问题，提升用户体验和稳定性。
微信小程序之兼容问题
不做井底之蛙义正言辞者 不做懒惰有理者
09-05 2810
一、时间转换问题：这不只是小程序上面的问题是ios系统 都有这个问题 就是new Date(“2017-06-16”) 在IOS会出现NAN的情况所以对于时间转换需要另行封装，解决方案如下1.替换”-“为”/“//time格式为2017-09-05 23:26:20 time= time.replace(/-/g,'/') //time转换后格式为2017/09/05 23:26:202.删除”
小程序的兼容问题有哪些？
sdasadasds的博客
01-11 739
小程序的兼容问题有哪些？
微信小程序的兼容处理汇总（不定期更新）
weixin_53582738的博客
10-10 8290
微信小程序开发，又称面向公告开发。一步一个坑，谁写谁知道。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值