Android与IOS的的兼容总结
liuian 2024-12-04 13:45 50 浏览
前言
虽然最近没怎么开发H5端的应用,但是还是想总结下之前开发移动端遇到的一些问题,顺便加深一下自己的印象。
1.时间戳转换问题
安卓
Date.parse(new Date('xxxx-xx-xx 12:00:00'))
ios
Date.parse(new Date('xxxx/xx/xx 12:00:00'))
兼容写法
Date.parse(newDate('xxxx/xx/xx 12:00:00')) ||Date.parse(newDate('xxxx-xx-xx 12:00:00'))
2.不会弹出键盘 必须满足下面几点
① 文本框获取焦点
② 手指触屏(网页区域,混合开发触屏app头不能让webview弹出键盘)
③ 没有延迟(不会ajax回调,不会延迟)
3.禁止ios弹出各种操作窗口
-webkit-touch-callout:none
4.禁止用户选中文字
-webkit-user-select:none
5.js动态生成的下拉菜单在安卓2.0中不起作用
删除overflow-x:hidden然后在js生成下拉菜单之后聚焦focus
6.ios中文输入法输入英文时会有小空格
用正则
this.value = this.value.replace(/\u2006/g, '');
7.touchmove事件在Android部分机型只触发了一次
在触发函数里面加上e.preventDefault(); 记得将e也传进去。
8.IOS的Safari环境
问题:在做移动端左右滑动的时候,用到了CSS3的Transition属性来进行动画变换,结果每次渲染Transition属性时,出现闪屏现象。
有以下两种解决办法,
方法一:
设置内嵌的元素在 3D 空间如何呈现:保留 3D/
-webkit-transform-style: preserve-3d;
方法二:
设置进行转换的元素的背面在面对用户时是否可见:隐藏)*
webkit-backface-visibility: hidden;
9.input框聚焦,ios出现outline或者阴影,安卓显示正常
input:focus{outline:none}
input:{-webkit-appearance: none;}
10.input 的placeholder属性会使文本位置偏上
line-height: (和input框的高度一样高)---pc端解决方法
line-height:normal ---移动端解决方法
11.input type=number之后,pc端出现上下箭头
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
12.ios系统,会将数字当成电话号码,导致变色
<meta name="format-detection" content="telephone=no">
<meta http-equiv="x-rim-auto-match" content="none">
13.禁止安卓识别email
<meta content="email=no" name="format-detection" />
14.ios手机页面里可滚动内容滚动不流畅
-webkit-overflow-scrolling : touch;
总结
如果你有遇到过其他的兼容性问题,并有解决方案,也可以私信投稿噢!
往期精彩文章
深入了解 JavaScript 闭包
如何在不同项目中共用前端资源,从此不加班
一个比较全面的基于axios的封装
查阅更多精彩文章,关注“悲伤日记”
相关推荐
- 联想windows7笔记本怎么连接网络
-
检查笔记本的无线网卡驱动1.右键我的电脑,点击“属性”,选择左侧“设备管理器”2.点击“网络适配器”,如果方框内没有驱动,请下载驱动精灵万能网卡版安装网卡驱动 二、若发现驱动前面是感叹号的&...
- 淘宝电脑版网页入口(淘宝网电脑版网页官方)
-
网站地址:https://www.taobao.com/网站链接:进入网站服务器IP:116.253.191.241网站描述:淘宝网首页,淘宝网-亚洲最大、最安全的网上交易平台,提供各类服饰、美容...
- 大学生用哪个牌子的笔记本电脑好
-
荣耀MagicBook14英寸轻薄窄边框笔记本电脑(AMD锐龙58G512GFHDIPS正版Office)冰河银这款的性价比较高。也可以根据自己的预算选同系列其他型号。...
- 免费手机模拟器(免费手机模拟器下载)
-
目前能成功在电脑上模拟苹果系统的iOS模拟器,对比市面上常见的安卓模拟器少太多了,主要原因还是iOS系统比较封闭,难于开发。虽然前面说开发很困难,但是国内还是有一些厉害的IT小组成功推出了iOS模拟器...
- 新手怎么制作word表格(工作表格制作)
-
步骤如下:1、本次演示使用的软件为word文字处理软件,软件版本为Microsoftoffice家庭和学生版2016。2、首先打开Excel电子表格,根据问题描述,我们在word中插入两页表格。3、...
-
- 电脑开机启动进不了系统怎么办
-
一、修复错误如果频繁无法正常进入系统,则开机后马上按F8,看能否进入安全模式或最后一次配置正确模式,如能则进入后会自动修复注册表,并回忆前几次出现不正常现象时进行了什么操作,并根据怀疑是某个应用软件导致问题产生,将其卸载,然后正常退出,...
-
2026-01-02 13:05 liuian
- win11任务栏隐藏不了(win11任务栏怎么隐藏)
-
方法/步骤: 1、打开电脑桌面,双击我的计算机。 2、打开控制面板。 3、点击类别切换到大图标或小图标。 4、找到通知区域图标打开。 5、选择显示图标或隐藏图标也可以仅显示通知,选好以后点击...
- 笔记本注册表编辑器怎么打开
-
你好,要打开注册表编辑器,可以按照以下步骤进行操作:1.打开“运行”对话框。可以通过按下Win+R键组合,或者在开始菜单中搜索“运行”来打开。2.在“运行”对话框中,输入“regedit”并点...
- 怎样查询ip地址(怎么顺着ip地址找人)
-
答:查看ip地址的步骤如下,1.通过网页进行查询:可以通过第三方平台进行查询。2.通过电脑内部的网络连接进行查询:首先我们点击桌面右下角的开始,在开始的选项栏当中找到运行,点击运行,然后再用新的对...
- windows server 2003的应用(win2003应用程序服务器)
-
WindowsServer2003支持FAT16、FAT32和NTFS文件系统,同时也支持CDFS(光盘文件系统)和UDF(通用磁盘格式)。NTFS文件系统的安全性高于FAT文件系统,支持域的管理...
- c盘格式化恢复软件(格式化c盘 软件)
-
点我名字,然后点“他的空间”,我的空间有各种恢复软件的详细介绍、下载地址以及使用说明。C盘格式化后需重装操作系统,系统装好后,要恢复其他盘的软件的话可以在格式化C盘前将桌面数据备份在其他盘,重装完成后...
- 一周热门
- 最近发表
- 标签列表
-
- python判断字典是否为空 (50)
- crontab每周一执行 (48)
- aes和des区别 (43)
- bash脚本和shell脚本的区别 (35)
- canvas库 (33)
- dataframe筛选满足条件的行 (35)
- gitlab日志 (33)
- lua xpcall (36)
- blob转json (33)
- python判断是否在列表中 (34)
- python html转pdf (36)
- 安装指定版本npm (37)
- idea搜索jar包内容 (33)
- css鼠标悬停出现隐藏的文字 (34)
- linux nacos启动命令 (33)
- gitlab 日志 (36)
- adb pull (37)
- python判断元素在不在列表里 (34)
- python 字典删除元素 (34)
- vscode切换git分支 (35)
- python bytes转16进制 (35)
- grep前后几行 (34)
- hashmap转list (35)
- c++ 字符串查找 (35)
- mysql刷新权限 (34)
