ios兼容问题
ios兼容问题
Mosowe
vue(2/3),react,uniapp,小程序,javascript,typescript,node
展开
-
js:判断页面显示
在移动端开发中,遇到这样的一个问题,在一个网站跳出到另一个网站,返回的时候需要触发下相关行为,通常情况下在安卓手机中vue的相关声明周期可以实现触发,但是在ios部分浏览器中,跳去另一个网站后回退,并不会触发vue的相关生命周期,ios这类浏览器就像是pc浏览器上面新建一个tab,回退就像是切换tab,所以我添加下面这串代码,监听页面的显示,并搞事情:window.addEventListener('pageshow', function (event) { // 页面显示后处理的东西});.原创 2021-02-23 11:57:02 · 638 阅读 · 0 评论 -
css:关于line-height在ios与安卓的不兼容处理
也是拖了很久才来写。。。。在实际开发中发现,css的line-height属性在ios和安卓中有那么几个像素的偏移,导致两端显示不一致,我的处理方法是:去除line-height使用padding width: 72px; height: 28px; text-align: center; line-height: 0px; padding: 14px 0; box-sizing: border-box;height可以不写,那么就用不上box-sizing原创 2021-02-20 10:59:32 · 2042 阅读 · 0 评论 -
ios:苹果手机摇手机提示‘撤销键入’,vue项目
在开发vue移动端项目的时候,ios手机开启了‘摇动以撤销’功能,导致单页面项目在上一个页面input框获取焦点并输入文字后直接后退,此时摇手机处罚‘撤销键入’弹框,而在新页面无input输入框,用户体验性不好。对于为何页面销毁后还会存在input焦点事件,若有大神知道望不吝赐教,谢谢!对此我的解决办法便是,在每一次路由切换前,本页面的input全部blur,注意我并不是在destroyed或者deactivated中处理的,如果这样的话就会写很多的代码。而我是在beforeEach路由导航守卫这里处原创 2020-09-29 09:00:59 · 549 阅读 · 1 评论 -
ios:微信jssdk兼容性
微信jssdk兼容性获取jssdk配置参数:调用接口获取appId、timestamp、nonceStr、signature参数,在安卓设备中每个页面都需要获取一次该参数,获取该参数时传递的url值为当前地址栏location.href在ios设备中获取该参数时传递的值唯一,即首页路径,注意,不要带任何参数,vue-router的history模式下取 ? 前面的路径,在vue-router的hash模式中,取 # 前面的路径打开内置地图,经纬度必须为Number类型 this原创 2020-06-18 11:04:08 · 637 阅读 · 0 评论 -
ios:iphoneX底部安全区适配
**## iphoneX适配底部安全区适配html添加meta标签:<meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=0,viewport-fit=cover" name="viewport"/>App.vue文件app样式:#app { padding-bottom: constant(safe-area-inset-bottom); padding-b原创 2020-06-18 10:49:54 · 2526 阅读 · 0 评论 -
vue:高德地图ios兼容问题
近期做vue与高德地图的时候发现,在安卓及ios低版本的测试中,定位准确。但是,在ios新版本中定位老是偏差几十米,经过各方搜索,才知道问题出现在新版本的ios上:新版本的ios或者是ios10以上的版本吧,默认定位是ip定位,所以需要设置下参数:noIpLocate: 设置为1 也就是禁止手机设备使用IP定位。plugin: [ { p...原创 2019-04-04 11:01:42 · 1388 阅读 · 2 评论 -
vue:调用微信jssdk,配置config在安卓系统下正常,ios系统报错invalid signature
框架:vue问题回顾:制作vue单页面,调用微信语音相关功能,配置config在ios端报错'invalid signature'解决办法:在给后端传当前url获取微信config的时候,要去掉路由#后面的内容,所以取url的方法为location.href.split('#')[0]。补充:由于在ios和android中,location.href在spa页面的机制不同(不同在于io...原创 2019-03-08 11:40:08 · 4049 阅读 · 1 评论 -
vue:ios手写输入框收起之后,底部点击事件失效、卡顿
框架:vue输入法:ios自带中文简体输入。场景:类似微信好友聊天问题回忆:当使用手写输入文本之后,点击完成,键盘收起,文本区域自动对齐窗口底部,此时,点击发送按钮无效,点击输入框无效,屏幕区域原键盘覆盖区域无法滑动页面,未覆盖区域可以滑动,多次触摸滑动后回复正常。原因:貌似是被一层膜给遮住了。解决办法:因为事件原因无法确定,所以就一路闭着眼睛调试。最终加入以下代码解决: ...原创 2018-12-25 17:02:35 · 1848 阅读 · 3 评论 -
小程序:MD5加密问题ios兼容
对参数进行MD5加密注意事项: 参数中若有带小数点的number,将其转成string型传输,否则ios转化出错,与后台程序不一致,但在安卓中是正常的。例:{ content:"哈哈哈" latitude:22.53332 longitude:113.93041 location:"我的小店" member_id:123051}...原创 2018-09-30 11:08:32 · 416 阅读 · 0 评论 -
ios兼容问题(四):ios返回上一页不刷新解决办法
在需要刷新的页面添加以下代码: let isPageHide = false; window.addEventListener('pageshow', function () { if (isPageHide) { window.location.reload(); } ...转载 2018-10-11 11:29:32 · 1942 阅读 · 0 评论 -
ios兼容问题(三)--年月日转时间戳
将已知年月日转时间戳,如果以以下代码转,ios会报错,但安卓是ok的:let BirthDate = new Date(this.birthYear + '-' + this.birthMonth + '-' + this.birthDay);ch.birthday = BirthDate.getTime() / 1000;ios报错:BirthDate :Invalid Dat...原创 2018-08-17 10:00:43 · 1333 阅读 · 0 评论 -
ios兼容问题(二):ios下overflow:scroll卡顿:
ios下overflow:scroll卡顿:添加以下css代码,即可解决:-webkit-overflow-scrolling: touch;原创 2018-08-17 09:54:51 · 924 阅读 · 0 评论 -
ios兼容相关问题(一)
text-align-last:当盒子的内容只有一行且需要两端对齐的时候,通常情况下可以用text-align-last来解决,但是Safari只支持text-align不支持text-align-last:解决办法是利用伪类 :after 解决,用伪类作为盒子内容的最后一行: .box { text-align:justify; overfl...原创 2017-10-24 09:17:52 · 451 阅读 · 0 评论