h5宣传页制作过程中遇到的问题

  • 音乐播放 ios下关闭不流畅; (ios下需重新image 模拟)
  • 音乐设置自动播放属性后 部分机型下不能自动播放。
    目前解决方案: touchstart时触发播放
  • 微信“分享给朋友”点击发送后,页面卡,再次“点击发送给朋友” 按钮,页面正常
    目前发现机型 魅族mx4 pro,小米3
  • translate scale 的图片模糊 跟图片精度有关 (经测试scale的元素放大会模糊,缩小图片不模糊 )
    目前解决方案 :1.部分效果妥协,使用scale 缩小效果,但是此时执行动画的元素不能设置 translateZ 否则不起作用
    2. 添加父层执行动画效果,里层设置图片样式, 父层设置translateZ
  • 图片动画效果卡
    目前解决方案: 开启3d加速(部分机型由于页面image太大还是有些卡)
  • 微信分享 要求可配置description
    目前解决方案 :1. 可调用微信jssdk 但是需要AppID,并且需要调用签名 token等接口 
    2. 基于微信默认分享图片为第一张图,模板文件中添加img标签默认定位超出屏幕内,设置分享图片地址

你可能感兴趣的:(h5宣传页制作过程中遇到的问题)