IOS&&Android兼容性问题
web开发过程中,遇到的一些手机端兼容性问题
回忆哆啦没有A梦
歌荒???网抑云:回忆哆啦没有A梦。(百万播放量歌单等你来听!!!)
展开
-
前端H5实现视频上传,并截取第一帧作为封面。解决微信内ios系统无法上传视频的问题,解决ios截取视频作为封面的问题。
前端H5实现视频上传,并截取第一帧作为封面。解决微信内ios系统无法上传视频的问题,解决ios截取视频作为封面的问题。使用vue3和vantUi。原创 2024-04-16 11:28:00 · 189 阅读 · 0 评论 -
当fixed遇到ios浏览器,页面进行滑动时,导致浏览器的地址栏消失,页面变长,没有遮住下面的内容
在真机下,当fixed遇到ios Saifa浏览器,页面进行下拉滑动时,会导致浏览器的底部的地址栏消失,页面变长,没有遮住下面的内容,导致下面层级的页面露出来。原创 2023-02-09 14:32:13 · 1027 阅读 · 1 评论 -
H5使用a标签时,在ios app中无法跳转
在使用wangeditor富文本编辑器时,在 IOS 的app内,a标签点击跳转没有作用,无法跳转到所正确地址。安卓是可以正常跳转。原因竟然是a标签的target="_blank"原创 2022-08-31 14:12:04 · 3456 阅读 · 5 评论 -
ios15 Safari H5页面带有绿色背景色,主题色
ios15 Safari H5页面带有绿色背景色,主题色的问题。Safari theme-color 在 macOS 和 iOS 上出现的问题原创 2022-07-19 17:26:18 · 707 阅读 · 0 评论 -
Date对象在Safari与IOS中的坑
ios内js的new Date识别日期问题,Date对象在Safari与IOS中的坑原创 2022-07-07 10:41:08 · 167 阅读 · 0 评论 -
H5前端web页面中打开APP,唤起失败后进入APP下载页(Android,Ios)
H5前端web页面中打开APP,唤起失败后进入APP下载页(Android,Ios)通过URL Scheme方式原创 2021-12-31 18:25:13 · 4204 阅读 · 0 评论 -
ios低版本 globalThis不存在导致的白屏问题
在用Vue3+Ts开发新项目时,在ios10机器下打开是白屏查找各种原因后,打开console,发现ios10控制台报错:ReferenceError: Can’t find variable: global解决办法:// index.html页面粘贴以下代码即可<script>! function (t) {function e() {var e = this || self;e.globalThis = e, delete t.prototype._T_}"object"原创 2021-11-11 14:41:34 · 3250 阅读 · 2 评论 -
ios 刘海屏导致 calc计算的高度有问题
ios刘海屏下,calc计算高度出现bug,解决方案页面布局中,有一块C的高度不固定,知道距离顶部和底部的距离和是130px,所以使用calc来计算C高度。原代码:(拿屏幕高度-130px)height: calc(100vh - 130px); 但是,实际发现ios刘海屏情况下,height比其他手机都长,原因是刘海屏有安全边际距离。后改为:height: calc(100vh - 130px - constant(safe-area-inset-bottom)); /* 兼容 iOS原创 2021-09-26 16:42:35 · 866 阅读 · 0 评论 -
iOS wkWebview播放HTML5 video视频 自动全屏问题解决
HTML5使用video播放视频,限制视频的尺寸,但在ios中出现的全屏问题使用html5 的video标签播放视频的时候,限制视频的尺寸,在android上是没有问题的,但是在ios上发现,视频没有开始播放的时候还是好的,但是一旦播放开是,就会全屏,非常奇怪。 <video id="video" width="100%" poster="images/video.jpg" preload width="100%" controls> <source type="video/原创 2021-04-28 18:13:50 · 6274 阅读 · 0 评论