H5移动端IOS/Android兼容性总结，持续更新中…

最新推荐文章于 2024-08-07 09:35:22 发布
最新推荐文章于 2024-08-07 09:35:22 发布
阅读量225 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： 移动开发
原文链接：http://www.cnblogs.com/lewiscutey/p/9382575.html
本文介绍了H5在移动端iOS和Android系统上处理日期格式时出现的兼容性问题。具体表现为iOS系统无法识别特定格式的日期字符串，而Android系统则可以正常处理。文章提供了一种解决方案，即通过替换日期字符串中的短横线为正斜杠来确保跨平台的一致性。

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

H5移动端IOS/Android兼容性总结，持续更新中…

1. IOS不识别日期

new Date("2018-07-01 08:00:00")在Android下正常显示可以直接进行各种操作转化，而在IOS下为invalid date，获取到的时间戳为NaN,确实有点坑啊，只能识别new Date("2018/07/01 08:00:00")这种的，所以需要转化一下，解决方法为统一增加.replace(/-/g,'/')；

new Date("2018-07-01 08:00:00".replace(/-/g,'/'))

H5移动端IOS/Android兼容性总结是一个系列，之后会持续更新中...

转载于:https://www.cnblogs.com/lewiscutey/p/9382575.html

收集移动端iOS和Android兼容性问题
丁大聪明的博客
12-11 2026
移动端iOS和Android兼容性问题收集一、h1/h2/h3/h4/h5/h6标签样式二、Date.parse(日期格式)三、flex布局四、倒计时 一、h1/h2/h3/h4/h5/h6标签样式 Android: 有加粗字号加大的效果 iOS: 没有以上效果 解决办法: 在基础样式中, 如下设置 h1, h2, h3, h4, h5, h6 { margin: 0; padding: ...
h5适配android输入法,移动端H5页面底部输入框调起键盘ios与android的兼容问题
weixin_39611275的博客
05-29 1366
背景：工作需要，一个手机页面(vue项目)底部需要一个输入框，并且能够多行输入(这个这里就不多说了，搜一下就能找到方法)。实现过程：首先使用的就是fixed方法将输入框部分固定到了页面底部，这个方法在安卓没有问题，ios的自带输入法也没问题，但是当ios使用第三方输入(比如搜狗)时，被推上去的输入框会被挡住一半(当时是一个iphone7)解决过程：遇到问题后就在网上搜索解决办法，最先找到的就是滚动...
h5 兼容移动端方案
09-15
h5 兼容移动端的解决方案，适配android、ios，利用根元素设置font-size，结合rem
移动端安卓和ios兼容性汇总
筑释科长的博客
06-01 5877
问题1：iphoneX适配方法。 首先了解一下iphoneX设备基础信息，如下： iphoneX屏幕组成：上部齐刘海（44px）+ 安全区域（safe area）+ 底部手势区域（34px）。 默认，页面只显示在“安全区域”中，导致屏幕顶部和底部看起来很别扭，此时可以通过如下几种方式进行适配： 1）：设置viewport-fit viewport-fit可以取两个值contain（默...
移动端ios和安卓兼容问题总结
weixin_39327883的博客
07-30 1917
首先声明，总结不易，转载请标明出处，谢谢 1、new Date获取时间戳 在安卓机上new Date('2019-9-10')可以成功获取时间戳，ios无法获取 处理方法: 将字符串中-替换成/，.replace(/\-/g,''); 2、点击复制功能 安卓和ios是不同的实现方式，详见我之前的一篇博客 https://blog.youkuaiyun.com/weixin_39327883/art...
移动端ios/Android兼容性总结
Tangsze的博客
06-29 1119
1.移动端 HTML5 audio autoplay 失效问题 这个不是 BUG，由于自动播放网页中的音频或视频，会给用户带来一些困扰或者不必要的流量消耗，所以苹果系统和安卓系统通常都会禁止自动播放和使用 JS 的触发播放，必须由用户来触发才可以播放。 解决方法思路：先通过用户 touchstart 触碰，触发播放并暂停（音频开始加载，后面用 JS 再操作就没问题了）。 document.addEventListener('touchstart',function() { document.getEle
【兼容性】H5在ios和Android中兼容性总结
qq_42588028的博客
09-15 877
移动端兼容性 搬运至’强子_30fd’H5移动端ios/Android兼容性总结 https://www.jianshu.com/p/c55d4ef43859
浅谈Html5移动端ios/Android兼容性总结
09-27
然而，由于iOS和Android系统的差异，HTML5在移动端的兼容性问题成为开发者必须面对的一大挑战。本文将深入探讨这些兼容性问题及其解决方案。 首先，我们需要了解`viewport`元标签的作用。在移动端网页设计中，`...
H5手机自做小键盘兼容Android和IOS,有简单好理解的demo
01-29
此h5小键盘是本人在工作中自己利用jq开发的一款兼容性比较好的H5小键盘，有小demo有对应键盘的js和css，有很好的扩展性，可以根据自己的需求开发出符合自身需求的键盘，尤其适用于不想用手机自带的键盘。该组件的...
移动端安卓和ios常见的兼容性问题汇总，你遇到过几个？
weixin_55639808的博客
12-14 2892
移动端安卓和ios常见的兼容性问题汇总，你遇到过几个？
移动端兼容性问题盘点，IOS与Android
m0_37613019的博客
11-10 554
一、new Date 参考地址：https://www.cnblogs.com/zjjDaily/p/8963327.html 1）ios中new Date(‘2019-08-08 11:11’);这种时间格式会报错。ios中需使用2019/08/08 11:11 这种时间格式。 二、软键盘和输入框 1）ios12+机型，软键盘弹出后，屏幕中可视区变小，软键盘收起后，页面出现无法下滑的情况。 解决...
2021-前段高频面试题整理-兼容/优化/网络篇(持续更新)
weixin_43026567的博客
03-08 405
文章目录移动端的兼容（安卓和ios） 整理的同时自己也复习一下，答案仅供参考。 移动端的兼容（安卓和ios） 1.怎么判断是安卓还是 ios //获取浏览器的userAgent,并转化为小写 var ua = window.navigator.userAgent.toLowerCase(); //判断是否是苹果手机，是则是true var isIos = (ua.indexOf('iphone') != -1) || (ua.indexOf('ipad') != -1); if(isIos){ 做
iOS and Andriod兼容问题汇总，持续添加，期待一起进步
COCOLI_BK的博客
07-25 1003
input type=date在iOS上的兼容问题：在iOS中，input type=date不支持placeholder的显示，而且日期选择器样式受系统控制，无法自定义。特定字体在iOS和Android上的兼容问题：在iOS和Android上，对于某些字体，字重或者字形在不同设备上可能会有差别，导致文字显示不一致。浏览器前缀在iOS上的兼容问题：在iOS中，不使用-webkit-前缀的CSS属性会造成浏览器无法识别。解决方案：使用JavaScript模拟下拉列表，并使用CSS样式自定义。
iOS和Android中H5页面兼容问题
Sunny2011111的博客
12-25 3108
1、Android滚动条问题 Android手机中除了页面本身的那个比较细长的滚动条外还停靠了一个又宽又短的，比较影响美观，可以用一下方法将其隐藏，iOS没有。 html, body { height: 100%; overflow: auto; } // 下面设置成body也可以，两者只需设置一个即可，但是上面的height必须都设置 ...
记录移动端项目iOS端相对于安卓的各种兼容性问题
Mr.小灰狼_随笔
06-05 1101
记录移动端项目iOS端相对于安卓的各种兼容性问题 目录 1、iOS端列表页面屏幕滑动滞涩感强烈 2、iOS端的按钮以及添加的边框和倒角属性失效问题 3、iOS错误识别页面时间为 a 标签 4、iOS端调起软键盘界面布局走位问题 5、iOS端滚动条部分滚动样式不生效问题 背景 ： 在开发移动端H5项目的过程中，遇到了各种“ 匪夷所思 ”的奇葩兼容性问题 （ 大致就是在安卓手机上面显示好好的、在浏览器模拟器上面看也是没有任何问题的，，但就是在iOS上面看样式啥的就各种状态百出，呈现不出想要的样子
移动端常见的ios和安卓兼容性问题
weixin_44696379的博客
04-03 1613
转载地址 https://www.cnblogs.com/wangpenghui522/p/5398137.html
ios 与 安卓 移动端浏览器兼容笔记
j1416727829的博客
01-10 1558
1.fixed 定位问题 2.active hover 在安卓正常触发 在ios 无法触发问题 解决： 在 iOS 里有一组双指手势操作的事件：gesturestart、gesturechange、gestureend main.js 里全局里加入下面的事件监听： document.addEventListener('gesturestart', function (event) { event.preventDefault(); }); 3. ...
移动端常见安卓、IOS兼容问题
最新发布
on1yLX的博客
08-07 548
该样式生效时，会覆盖原来的padding-bottom，需要的话则需要calc计算，示例原padding-bottom为10px时：则可修改为padding-bottom: env(safe-area-inset-bottom + 10px);minimun-scale=1.0，maximum-scale=1.0——>页面最小、最大缩放比例。ios的overflow滚动存在卡顿和不能触底的问题，所以ios的滚动很有必要配合。initial-scale=1.0——>页面初始缩放比例1:1。
移动端兼容性解决方案：H5与rem适配android/ios
开发者需持续关注新技术的发展，不断优化和改进移动端H5页面的适配和兼容性，从而为用户提供更好的浏览体验。在实际开发中，Less等预处理器的引入，可以进一步提高开发效率和代码质量，是现代Web开发中不可或缺的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值