关于html5:移动端兼容持续补充

本篇文章记录开发过程中在微信/手机浏览器下遇到的一些兼容问题,工作中是保护一个公众号页面同时反对挪动端浏览器应用。

style 款式问题

ios设施placeholder不垂直居中问题

解决方案:inputline-height设置为normal

js交互问题

微信sdk问题

调用api提醒 invalid signature

具体表现: 微信的sdk须要提前申请后端接口获取配置参数,而后在调用相干api前注册相干的api配置。而后安卓在关上后是采取了在每个相干页面调取注册ChooseImage(我我的项目里用到的)的办法,并且体现失常;ios则报错非法签名,官网文档里的办法试了并没有成果(官网里以及相干材料说的是url的问题以及带参数的问题多点,还有记得url做encodeURIComponent解决),开启debug:true后原地刷新可看到配置胜利,然而在页面里操作传图仍旧报错,后退在进入以后页面,性能失常(这里可能是我在上个页面和本页都反复注册了)。
解决办法:ios设施只需在调用前注册一次,如果注册失败,需原地刷新window.location.reload(),尝试了在注册的办法谬误回调中从新走注册办法,失败,必须原地刷新,同时为了防止极其状况下,始终失败页面有限刷新的状况,我用了sessionStorage存储了一个变量标识符,进入我的项目前清掉,注册后在胜利调用处批改标识符,保障页面最多刷新一次(不想用工夫戳参数,参数解决url那边还得非凡解决)。

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理