微信公众号网页开发和小程序开发之路
在微信公众号网页和小程序开发的过程中,难免会遇到一些知识外的兼容问题。在此记录我所遇到的问题,以便给需要的前端开发者查阅。 1、小程序使用外部字体
使用微信自带api,开发工具上有效,但真机测试无效
将字体进行base64编码,引入css,工具网站:https://transfonter.org
2、tabbar
小程序自带的tabbar不灵活,最好使用自定义tabbar 3、小程序与H5交互跳转
小程序->H5,引入webview即可
H5->小程序
4、小程序网络请求不保存Cookie,导致每次都会重新创建新的会话
解决方法:
登录成功后,先保存到stroage中,再请求其它服务时将cookie添加到请求头中
5、IOS打不开小程序的webview
以下三种可能仅供参考
6、JSSDK调起相机,图片转base64
安卓和IOS系统表现不同,IOS自带图片文件头
7、微信JSSDK调起摄像头可以在微信客户端中展示图片,但在电脑上无法预览
8、js判断浏览器是否是微信浏览器
9、小程序与H5之间的数据共享
小程序保存的数据H5无法获取,H5保存的数据sessionStorage、localStorage小程序也无法获取。而且H5保存的数据在经过进入小程序再进入H5之后也无法获取。暂没有好的解决办法,只能相互传参吧。 10、微信网页移动端开发引入调试工具
11、微信缓存严重
防止微信缓存在链接后加入随机数
Html头信息缓存设置
12、小程序上传代码与发布审核不通过
仅供参考
13、小程序标签的data-属性
data-属性,只能是小写,即使写成大写也会被转为小写,大写取不到值 14、小程序生命周期函数内如果嵌套函数内使用this,会报错
在嵌套函数外部定义this的复制变量,内部用that调用相关
15、IOS无法展示微软雅黑字体
IOS不支持微软雅黑,好像有版权问题,改成方正字体都支持
16、IOS中无法快速点击