营销H5项目-BugList+解决方案+方法

动态改变微信title

var $body = $('body');
document.title = '五班老同学(35)';
var $iframe = $("<iframe style='display:none;' src='/favicon.ico'></iframe>");
$iframe.on('load',function() {
    setTimeout(function() {
        $iframe.off('load').remove();
    }, 0);
}).appendTo($body);

判断是否是微信环境

function isWeChat(){
    this.ua = navigator.userAgent.toLowerCase();
    return this.ua.match(/MicroMessenger/i) == 'micromessenger'?true:false;
}

前端引用外链须知

//正常外链引用
<script type="text/javascript" src="http://x.js&quot;></script>

//防止外链加载缓慢 加上异步加载

//方法一     -async
<script type="text/javascript" src="http://x.js" async></script> 
此方法只兼容高版本

//方法二    动态创建JS
(function() {
  var hm = document.createElement("script");
  hm.src = "http://x.js";
  var s = document.getElementsByTagName("body")[0]; 
  s.appendChild(hm);
})();

监听video播放或暂停事件

var myVideo=document.getElementById('video');  
myVideo.addEventListener('play',function(){  
     //播放执行
});  
myVideo.addEventListener('pause',function(){  
     //暂停执行
})

UC浏览器会出现背景图可点的情况

h5. bug说明
# 当背景图采用img的方式时,在UC浏览器下(其他浏览器不会),会出现点击背景图,浏览器会当做一张图片解析,弹出背景图。

h5. 解决方案
# 给img标签添加去除浏览器默认行为的点击事件
# 把img变成background  (把图片变成css中的背景图)

h5. 代码示例
{code}
//html
<img src="mobile/images/bg_.png" alt=""  onclick="return false">
{code}

【PC端】多个视频同时播放-其它视频未关闭

h4. API 文档
http://www.ckplayer.com/manual/

h4. 线上例子 
http://act.leiting.com/wd/201705/pk/pc/index.html

h4. 代码
{code}
if(CKobject.getObjectById('ckplayer_a1')){
    CKobject.getObjectById('ckplayer_a1').videoPause();
}
if(CKobject.getObjectById('ckplayer_a2').playOrPause){
    CKobject.getObjectById('ckplayer_a2').playOrPause();
}
{code}

【移动端】上传附件

h3.

{color:red}苹果手机目前只支持访问图片和视频格式的文件上传,暂不支持其他格式的文件({color}{color:red}[真机截图|http://wiki/download/attachments/532360054/asdas.jpg]{color} {color:red}){color}
{color:red}安卓手机支持多种格式上传,但存在部分机型不支持或是失效{color}
{color:red}建议:上传除图片以外的格式文件还是在PC上完成比较好{color}
{code}
//错误示范
在浏览器模拟iphone的时候是各种文件都可以上传(以真机为主)

//正确示范
iphone目前只支持访问图片和视频格式的文件上传(真机测试结果)

{code}

【移动端】使用margin排版问题

margin 排位会有问题,最好使用 定位
【移动端】使用margin排版问题

【移动端】点击事件无法触发

JS创建DOM的时候,原本的事件无法绑定、事件委托失败,


//错误示范
$('.picture').on('click',function(){
 alert(1)
})

//正确示范(是在$('.product ul')下面创建DOM)
$('.product ul').on('click','.picture',function(){
 alert(1)
})
相关文章
相关标签/搜索