微信小程序关于ios出现获取手机设备信息胶囊距离顶部top为0

最新推荐文章于 2024-09-13 09:08:32 发布
最新推荐文章于 2024-09-13 09:08:32 发布
阅读量964 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42052539/article/details/107477704
版权

本来写于app.js中的onLaunch中，通过wx.getSystemInfo获取胶囊信息，后存于globalData中，后面每个页面中的onLoad调用来自定义顶部栏，但页面的onLaunch和onLoad的执行顺序有时页面执行先后顺序不同，看社区说现在已经修复，但还是会出现，所以我把这个设备信息写于第一个页面的onLoad中，再写入globalData，这样就可以确保页面都能获取到设备信息。

CSDN炯
关注
02-微信小程序目录结构及配置
感谢关注-最近在编写开源的自动化测试框架还没整理完
07-30 1290
1.微信目录结构 2.配置说明 3.appjson配置项 4.window配置项 5.restartStrategy 6.tabBar配置项 7.创建一个自己的页面 8.真机调试
微信小程序全局配置和页面配置
weixin_43128574的博客
11-10 2097
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置。
详解微信小程序胶囊按钮返回|首页自定义导航栏功能
10-16
对于一些电商平台来说，当商品被转发后会很影响客户查看其它产品和首页，这时候就需要使用自定义导航栏自己写一个“胶囊按钮”。这篇文章主要介绍了详见微信小程序胶囊按钮返回|首页自定义导航栏,需要的朋友可以参考下
获取微信小程序胶囊位置信息
yjdyyds的博客
07-22 749
获取微信小程序胶囊位置信息
uniapp微信小程序获取胶囊高度
最新发布
m0_71421744的博客
09-13 478
在小程序平台，如果原生导航栏被隐藏，仍然在右上角会有一个悬浮按钮，微信下也被称为胶囊按钮。本API用于获取小程序下该菜单按钮的布局位置信息，方便开发者布局顶部内容时避开该按钮。searchBarHeight: 0, //胶囊高度。searchBarTop: 0, //状态栏高度。//获取胶囊对上高度。坐标信息以屏幕左上角为原点。
【小程序】解决微信小程序wx.getMenuButtonBoundingClientRect()获取胶囊信息返回值错误问题
叶落无痕的博客
04-10 2950
在onLoad里执行wx.getMenuButtonBoundingClientRect()，ios预览有时返回的胶囊信息（top、height）等全部字段都为0的情况，可是尝试在onLoad里写一个setTimedown延迟执行wx.getMenuButtonBoundingClientRect()的话每次返回结果都没有问题。 解决方案： 1、可以在onLoad写一个setTimedown倒计时执行此api 2、在onReady函数里面去调用wx.ge...
uniapp开发微信小程序获取胶囊位置，自定义title
LY1879276369的博客
04-26 387
【代码】uniapp开发微信小程序获取胶囊位置，自定义title。
微信小程序第一节 —— 自定义顶部、底部导航栏以及获取胶囊体位置信息。
是江迪呀 的博客
03-03 8431
如果需要自定义顶部和底部导航。那么如何在自定义后能够适配不同的机型而不会出现样式问题呢？我们可以通过方法来获取页面的信息来保证样式的正确性。此方法常用于app.js文件中的onLanch()方法中，保证这些信息优先被加载，并把获取到的页面信息放到全局变量中，方便其他页面的获取使用。在此之前需要开启自定义顶部和底部导航栏。
【愚公系列】《微信小程序开发解析》002-小程序基础知识
热门推荐
时光隧道
07-07 2万+
小程序是一种轻量级应用程序，用户可以在不需要下载安装的情况下直接使用。小程序通常具有较小的体积，快速加载速度，提供类似原生应用的用户体验。
微信小程序
chen_haotao的博客
03-19 3170
微信小程序小结 微信小程序提供了一个简单、高效的应用开发框架和丰富的组件及API。 新建页面在app.json中pages里面创建，显示当前页面新建的页面，应放在pages里面的第一位。 新建的页面应有四个文件:.js文件.json文件.wxss文件.wxml文件 .js文件：书写页面js代码 .wxss文件：书写页面样式代码 .wxml文件：书写页面内容 框架：小程序配置： 全局配置： entryPagePath： 小程序默认启动首页 pages：页面路径列表 window：全局的默认窗口表现 ..
一学就会微信小程序（二）——认识微信小程序示例
yumuyefeng的博客
11-07 1497
目录 文件分级 app.json文件内容 pages window tabBar sitemapLocation sitemap 配置 下载普通小程序开发者工具后，第一个示范示例的文件结构及展开图如下图： 引自：https://www.jb51.net/article/162632.htm project.config.json: 小程序的配置文件，包...
小程序获取页面或者DOM元素距离顶部的距离
weixin_42369612的博客
12-11 4857
页面滚动触发的生命周期函数: onPageScroll: function (e) { console.log(‘e.scrollTop’,e.scrollTop) }, 可以监听页面的高度,进行吸顶操作 小程序通过选择器获取元素距离手机顶部的高度: let query = wx.createSelectorQuery() query.select(’.nav’).boundingClientRe...
微信小程序动态获取view的高度以及获取view到页面顶部的距离
weixin_43933091的博客
04-18 1万+
wxml页面 给需要获取高度的view标签添加一个id <view class='jbox' id="test">test</view> .JS文件 通常是这样写，写在onReady，页面初次渲染完成里面。 onReady: function (e) { var query = wx.createSelectorQuery() query.sel...
小程序获取元素距离顶部的高度
qq_41806475的博客
01-12 2万+
给元素加一个id 然后使用 wx.createSelectorQuery().select('#the-id').boundingClientRect(function(rect){ rect.id // 节点的ID rect.dataset // 节点的dataset rect.left // 节点的左边界坐标 rect.ri...
小程序自定义导航栏，计算胶囊位置
【03】的博客
07-17 624
效果图 wxml <view class="nav-bar" style="height:{{capsuleButton.bottom+5}}px"> <view class="nav-bar-box"></view> <view style="width:{{capsuleButton.width+(phoneInfo.screenWidth - capsuleButton.right)+5}}px;background:#ccc;"></v
微信小程序真机问题
花铛
01-25 1546
解决方法：如果是想监听 bindscrolltolower 事件，可以通过将 的数值设置得大一些；如果是想监听 bindscroll 事件，暂时没有解决方法。解决方法：使用 替代 。解决方法：可以在 或者 中设置 backgroundColor/backgroundColorTop/backgroundColorBottom。例如：如果不处理 IOS 底部安全距离兼容的问题，那么 iPhone X 之后的苹果机型将会出现底部操作栏被底部横条遮挡的问题。 解决方法： 创建一个安全距离的自定义组件，
微信小程序判断 安卓和ios
m0_65730686的博客
12-07 1577
微信小程序判断 安卓和ios
微信小程序自定义导航栏 胶囊菜单按钮高度完美适配
aaa123aaasqw的博客
02-27 3030
导航栏高度 = menu.statusBarHeight + menu.height + (menu.top - menu.statusBarHeight) * 2。观察发现，胶囊顶部高度距导航栏顶部高度的高度差 和 胶囊底部高度距导航栏底部高度的高度差，是一样的。这是在没有设置自定义时的原生导航栏，我们发现整体的高度就是 （状态栏高度 + 导航栏高度）上图适配做的最好的是某东，但仔细看仍会有一点错位，但输入框的颜色，淡化了这种不和谐感。也就是说 导航栏高度 = 胶囊高度 +（高度差）x 2。
微信小程序胶囊位置计算，避开胶囊位置
Qensq的博客
08-19 1724
由于小程序在不同的手机上顶部布局会发生变化，不能正确避开胶囊位置，所以通过官方给出的胶囊信息，可以计算出胶囊位置，并避开。例如：app.menu.top + app.menu.height + 10。此处思路是，获取胶囊底部位置，并拉开10个px。计算出来的值一定要用px，不要用rpx！计算出来的值一定要用px，不要用rpx！计算出来的值一定要用px，不要用rpx！需要拉开距离就在后面再 加自己需要的数值。在需要的页面的js中引用。，这样就可以全局使用了。
微信小程序实现卡卡汽车获取用户设备信息教程
本次提供的资源为“卡卡汽车”微信小程序的源码，包含获取用户设备信息的功能。 1. 微信小程序基础知识： 微信小程序主要由WXML（WeiXin Markup Language）、WXSS（WeiXin Style Sheets）、JavaScript和JSON配置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值