首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

开发 | 小程序如何快速适配 iPhone X?

但是,由于 iPhone X 的「异型」屏幕,以及底部的「小白条」的存在,不少开发者都头疼应该如何适配这块略显奇怪的屏幕。 在小程序上,我们应该如何快速适配 iPhone X 呢?...本期,知晓程序就来与大家探讨,小程序应该如何快速适配 iPhone X? ? ? 随着第二、三批 iPhone X 的陆续到货,身边的土豪们纷纷用了起来。...网页端的适配还好,有 viewport meta 标签,以及下面的方案进行处理。 ? 但小程序就比较尴尬了。...目前,也没有看到小程序有对 iPhone X 等异形屏有特殊的接口或字段。小程序本身的底部 tab 栏对 iPhone X 的适配,也只是简单的加了一个白色底栏,提高了原有 tab 栏的位置。...在小程序新版本自身适配 iPhone X 后,导致购物车底部按钮被盖住了一半,由此得出上面的结论(当然,此处为猜测)。

1.8K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    小程序同构方案 kbone 分析与适配

    其优点是业务逻辑无需额外开发与适配,只需要处理小程序特有的逻辑,然后通过 jssdk 与原生小程序通信。...(期间遇到的坑,感谢 作者 june 第一时间帮忙更新发布 玫瑰) svg 资源适配 小程序不支持 svg,对于使用 svg 标签作为图片资源的应用而言,需要从底层适配。...于是直接从底层构建了一个 XMLHttpRequest 模块,将 web 网络请求适配到 wx.request。同时做了 cookie 的自动存取逻辑适配(小程序网络请求默认不带 cookie)。...差异性 DOM/BOM API 适配 部分 web 中的接口在小程序无法完全获得模拟,比如 getBoundingClientRect 在小程序中只能通过异步的方式实现。...global: { windowScroll: true }, 样式适配 标签选择器 kbone 样式有一个坑,就是它会将标签选择器转换成类选择器去适配小程序环境,比如 span { } =>

    1.2K00

    小程序的 AppID 怎么找 小程序手势缩放怎么做 不费流量的小程序推荐 | 小程序问答 #13

    言归正传,本期小程序问答,知晓程序(微信号 zxcx0101)为大家解决了这些问题 : 第 2 问:小程序的 AppID 怎么找啊? 第 3 问:小程序管理员能不能更换?...第 8 问:小程序手势缩放怎么做? 第 11 问:小程序内容怎样分享到朋友圈? 第 13 问:能不能推荐几个不用流量的小程序? 如果你也想提问,请到文末查看「小程序问答」提问指南。...小程序运营问题 1. 知晓程序和微信小程序是什么关系? 如果我说没有关系,你信吗? 2. 小程序的 AppID 怎么找啊?...配置完成后,用户使用微信重新扫描你自己生成的 QR 码,微信就会启动相应的小程序。如果使用普通的条码扫描器扫描这个 QR 码,手机将会访问你原来的网站。 8. 小程序手势缩放怎么做?...看看「小程序问答」第 11 期的第 2 问吧。 小程序推荐 12. 有英语口语学习小程序吗? 学习英语口语,「天天练口语」、「跟着主播说英语」小程序是不错的选择。

    3.3K10

    微信小程序商城开发怎么做?企业如何做商城小程序

    今天珍奶bb给大家简单唠唠微信小程序商城开发怎么做?企业如何做商城小程序?在唠微信小程序商城制作流程前,先给大家科普一下当前的实体经济环境是如何的?制作一个微信小程序商城是否存在它的必要性。...3.确定微信商城小程序页面的设计方案确认了微信商城小程序制作的功能以及合作的第三方微信小程序制作平台后,接下来就需要确认微信商城小程序的页面设计方案了。...如果是选择用小程序商城模板来做微信小程序制作的企业,则需要选用比较合适的微信小程序模板以及结合平台给的素材,来完成微信小程序页面的设计了。...选择定制小程序的企业,需要做的就是每天去了解小程序开发的进度,做好监工这个角色。如果是选择自建微信小程序的企业,则可以结合好素材和提供第三方微信小程序商城制作平台的功能模块,把小程序搭建出来即可。...7.将微信商城小程序账号绑定在做好的微信小程序上把申请好的微信小程序账号绑定在已经制作好的微信小程序上,绑定好之后可以直接在微信公众平台上登录微信小程序账号,看看是否已经绑定好。信息是否正确等。

    3.7K00

    踩坑记:微信小程序适配企业微信

    工作原因,也参与到小程序的开发了,后续也会陆续记录小程序踩的坑,这个是第一篇 背景 产品反馈企业微信打开小程序有异常,显示白屏,截图如下 想提个小程序要支持企业微信的需求,我自己试了下,发现Android...手机的企业微信打开正常的,ios的企业微信打开才有问题 问题梳理 收到这个需求后,先去做了下了解,发现官方的告知如下 企业微信移动客户端从2.5.8版本开始,已内置微信小程序基础库,开发者无需适配(部分接口需要适配...),即可将微信小程序移植到企业微信上运行,同时开发者也可以针对企业微信提供的扩展接口开发出更适用于企业内部场景的小程序。...https://developers.weixin.qq.com/miniprogram/dev/dev_wxwork/ 然后我又新建了一个demo的小程序,发现企业微信可以正常打开,只好确认,这不是需求...然后信心满满,高高兴兴的打个体验包给产品验收,产品反馈还是白屏,哭死,然后对比了下,机型差别如下 我验证的手机:ios 14.7.1 企业微信4.0.1 产品的手机:ios 15.3.1 企业微信 4.0.1 小程序的

    2.8K10

    精确计算微信小程序scrollview高度,全机型适配

    而小程序的 scroll-view 组件就比较坑了,非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。 坑归坑,没办法,还是得用……既然官方要求必须传高度,那就想办法计算吧。...需要注意的是计算用的单位都是 px,不是小程序的 rpx。因为下面调用接口获取可用屏幕高度时得到的就是 px 。...titleHeight - 70 that.setData({ scrollHeight: scrollHeight }) }).exec() }, 这里主要是通过小程序封装的...screenHeight是手机的屏幕高度,包含了手机的状态栏和小程序标题栏。 有了可用屏幕高度,还需要元素的高度。计算元素高度小程序也提供了 API,参见 WXML节点信息API。...以上就是精确计算微信小程序scrollview高度的方法,从此再也不担心 scroll-view 高度错乱了!

    3.4K20

    前端-微信小程序开发(7):列表页面怎么做

    作者:叶小钗  www.cnblogs.com/yexiaochai/p/9431816.html 接上文:  微信小程序开发(6):一个业务页面的完成 github地址:https://github.com...列表页的一些总结 我们做小程序相关学习有快两周了,完成了一个简单的demo,项目还是有一定复杂度,感觉上还是比较适合做小程序了解的,但是也有一些问题,比如写到后面事实上更多是业务的东西了,业务会涉及很多细节体验...虽然各种列表页的筛选条件不一样,但是主体功能无非都是: ① 列表渲染 ② 滚动加载 ③ 条件筛选、重新渲染 所以说我们其实可以将其做成一个页面基类,跟abstract-page一个意思,这里留待我们下次来处理吧,借此我们微信小程序的学习教程就此结束

    1.8K20

    我的微信小程序,完美适配了 PC 端

    0、忍痛放弃的商业模式 我做这个小程序最初的设想,是希望把我大量高质量的文章放在小程序里面,想要学习的道友们能够通过观看/点击广告的方式给我带来收益,实现一波 0 成本双赢。...最后确实可以确定微信小程序并不支持这种效果,真恶心啊,怪不得没人愿意适配 PC 端,这也太不健全了。...无奈之后,我只好用出了我的一个超级大招:彻底重写微信小程序的路由方案 我们知道,微信小程序基于 webview 渲染,他的底层依然是 html。因此,重写路由方案在技术上,是有非常大的可行性的。...搞定了这个事情之后,我的微信小程序将不再受限于官方方案的禁锢,需要什么方法和需求我自己添加即可。 3、其他兼容和小优化 PC 端上还有一些其他的小的兼容问题。...前端码易 4、发展目标 依托于微信生态,我有望将我的小程序打造成阅读体验最好的前端学习社区。目前在功能上,已经支持其他博主把发布在自己公众号的文章,挂载到我的小程序中。

    1.5K10

    Android 9 适配怎么做? “QQ音乐”优化实录

    所以对于我们应用开发者来说,当前首要任务是适配深灰名单和黑名单。...适配的原则是优先黑名单和深灰名单,浅灰名单在官方未有替代 API 之前可以暂时不适配,在 Android P 上运行也不会有任何问题。...还有需要提到的一点,就算更换适配完成的第三方 SDK 后,仍然可能会在同一地方扫描出非 SDK API 的调用,这是因为适配工程师只是在调用处加了一个 try-catch 保护逻辑,虽然这样也勉强叫做适配完成...当然如果第三方库没有适配也没有近期适配的意向,目前有两种方法:第一种是屏蔽入口;第二种是反编译 SDK,在关键地方加上适配代码; Android 官方库调用到了非 SDK API 接口; 没错!...除上面两种适配方式外,QQ 音乐目前采用了另外一种方式。

    2.4K20

    Android 9 适配怎么做? “QQ音乐”优化实录

    所以对于我们应用开发者来说,当前首要任务是适配深灰名单和黑名单。...适配的原则是优先黑名单和深灰名单,浅灰名单在官方未有替代 API 之前可以暂时不适配,在 Android P 上运行也不会有任何问题。...还有需要提到的一点,就算更换适配完成的第三方 SDK 后,仍然可能会在同一地方扫描出非 SDK API 的调用,这是因为适配工程师只是在调用处加了一个 try-catch 保护逻辑,虽然这样也勉强叫做适配完成...当然如果第三方库没有适配也没有近期适配的意向,目前有两种方法:第一种是屏蔽入口;第二种是反编译 SDK,在关键地方加上适配代码; Android 官方库调用到了非 SDK API 接口; 没错!...除上面两种适配方式外,QQ 音乐目前采用了另外一种方式。

    75230

    公司微信小程序怎么做出来的?制作小程序一共4个步骤!

    二、小程序账号注册 公众号注册并认证完成后,登录公众号后台,选择右侧“小程序管理”,点击“快速注册并认证”小程序,跟随系统引导完成步骤。...注册好小程序账号以后,可以委托鸣蝉小程序平台或小程序公司做配置工作。 他们会完成接口申请配置、AppSecret密钥生成、客服配置、服务器域名配置、类目勾选和小程序用户隐私保护指引设置等内容。...④在填写资料中,需要填写小程序ID,登录小程序后台获取,小程序名字一般写品牌词、公司名字。 注册好商户号以后,即可委托小程序平台或小程序公司进行配置证书、密钥和关联小程序ID等工作。...四、小程序平台注册 ①网页搜索或查找鸣蝉小程序平台,注册账号。 ②在产品类型板块中选择小程序,跟随系统引导进行下一步。...③根据所需行业或颜色需求挑选成品模板后,委托小程序平台或公司搭建和对接小程序、商户号。 ④将腾讯小程序账号、商户号和小程序系统绑定后,提交腾讯审核,一般1~3小时即可审核通过进行发布上线。 恭喜!

    2.8K20

    Donut多端框架小程序打包适配ios和安卓app

    腾讯新出了一个 Donut 多端框架,可以直接将微信小程序转成 ios 和 安卓 app,小程序开发者工具里也集成了 app 相关升级、调试和打包的功能,具体的可以参考官方文档。...主要是一些官方功能组件和api很多不支持,如果使用小程序特定的一些api比较多的话,可能适配也比较麻烦,很多东西在app上都还不支持或者目前还没适配。...2、适配登录需要新建登录页使用小程序授权登录,需要新建一个 DonutLogin 的授权登录页,自己不新建也会有一个官方默认的。...4、跳转到小程序小程序很多相关的功能、插件在 app 上都是不能用的,不过官方提供了 app 直接唤起微信打开小程序的方法 wx.miniapp.launchMiniProgram,不过里面需要用到小程序的原始...id,可以直接跳转到小程序里面的各个页面。

    94000

    如何实现一次搭建 多平台适配的小程序

    什么是小程序对于小程序,大家应该都不会觉得陌生,不管你是技术人还是非技术人,那么你日常生活中总是会或多或少的用到各种各样的小程序,比如这是我最近使用过的微信小程序或者你也可以打开你的支付宝,虽然我支付宝小程序用的不多...小程序的优势有什么?顾名思义,小程序最大的优势可以说主打一个【小】,这个怎么说呢?...这个时候就需要用到一站式开发多平台的小程序,目前可以使用的就是阿里云多端低代码开发平台魔笔低代码快速搭建适配于微信、支付宝等多平台的小程序。...那么这个时候低代码开发平台魔笔可视化搭建适配于微信和支付宝两个平台的小程序应用客户端,维护两个平台的小程序就像维护一个平台一样简单,整体方案如图小程序上重要功能模块的集成能力说到这个的话,就从小程序的使用过程来看整个我比较想了解的功能模块...到这里,关于用户角度为什么喜欢用小程序,以及如何实现一次搭建 多平台适配的小程序,就讲完了。欢迎来说说你的看法,或者分享一下其他平台的小程序优化产品。

    19410

    微信社区团购小程序源码开发方案怎么做

    微信抖音社区团购这个领域现在现在很火爆,受疫情和电商的冲击,线下的店铺想要获得更多流量,成本是越来越高,所以现在商家为了获取线上流量,就会做微信社区团购小程序,什么是社区团购小程序呢?...社区团购是当下的一个热点行业,就是团长通过社区群与社区居民的互动,居民在小程序下单后,平台接到订单后去采购,发货至团长,消费者可以在下单的时候可以选择是自提还是配送。...社区团购也是一种新的运营方式,主要团长通过群发布活动,吸引线下消费者,来团购小程序下单,从线下转换到线上消费。...社区团购小程序开发功能如下:1、 商品管理可以管理商品,对商品进行新增、发布、下架等相关操作;2、 订单管理对所有的订单可以查看发货;3、会员管理查看社区团购小程序的会员,对于违规会员可以拉入黑名单;4...微信社区团购小程序使用流程如下:图片

    1.6K30
    领券