继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

移动前端学习笔记分享

一心_0001
关注TA
已关注
手记 2
粉丝 0
获赞 137
1、关于解决使用iScroll后,安卓在a标签上滑动跳转问题。

页面加载完后执行:

$('a').on('touchmove',function(){
    $(this).data('flag',false);
}).on('touchend',function(e){
    if($(this).data('flag')){
        location.href=$(this).data('href');
    }
    $(this).data('flag',true);
}).each(function(){
    $(this).data('href',$(this).attr('href')).removeAttr('href').data('flag',true);
});
2、从url中获取参数对象
function getParamFromUrl(){
        var o={};
        var url = location.search.substr(1);
        url = url.split("&");
        for(var i = 0;i<url.length;i++){
            var param = url[i].split("=");
            o[param[0]]=param[1];
        }
        return o;
}
3、js获取手机浏览器版本信息
/*
* 智能机浏览器版本信息:
*
*/
var browser={
    versions:function(){
        var u = navigator.userAgent, app = navigator.appVersion;
        return {//移动终端浏览器版本信息
            trident: u.indexOf('Trident') > -1, //IE内核
            presto: u.indexOf('Presto') > -1, //opera内核
            webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核
            gecko: u.indexOf('Gecko') > -1 && u.indexOf('KHTML') == -1, //火狐内核
            mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端
            ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端
            android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器
            iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器
            iPad: u.indexOf('iPad') > -1, //是否iPad
            webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
        };
    }(),
    language:(navigator.browserLanguage || navigator.language).toLowerCase()
}
document.writeln("语言版本: "+browser.language);
document.writeln(" 是否为移动终端: "+browser.versions.mobile);
document.writeln(" ios终端: "+browser.versions.ios);
document.writeln(" android终端: "+browser.versions.android);
document.writeln(" 是否为iPhone: "+browser.versions.iPhone);
document.writeln(" 是否iPad: "+browser.versions.iPad);
document.writeln(navigator.userAgent);
// 检测手机端并跳转
(function () {
    var url = location.href;
    if ( (url.indexOf('www.tuniu.com') != -1) && navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i) ) {
        var newUrl = url.replace('http://www.tuniu.com/zt', 'http://m.tuniu.com/mzt');
        location.href = newUrl;
    }
})();
4、腾讯视频调用方法
<script type="text/javascript" src="http://qzs.qq.com/tencentvideo_v1/js/tvp/tvp.player.js"></script>

// 初始化视频
function initVideo(options){
    // 初始化视频控件
    var video = new tvp.VideoInfo();
    //向视频对象传入视频vid
    video.setVid(options.vid);
    var player = new tvp.Player(options.width, options.height);
    //设置播放器初始化时加载的视频
    player.setCurVideo(video);
    //输出播放器
    player.addParam("adplay",0);
    player.addParam("autoplay",options.auto);
    player.addParam("wmode","opaque");
    player.write(options.id);
}
// 初始化
initVideo({width:614,height:425,id:"player",vid:"y0177isey2q",auto:0});
打开App,阅读手记
29人推荐
发表评论
随时随地看视频慕课网APP

热门评论

看不懂!………………


function getParamsFromUrl(url) {
    url = url || window.location.search;
    var result = {};
    url.replace(/([^?&]+)=([^?&]+)/g, function(s, v, k) {
        result[v] = decodeURIComponent(k);
    });
    return result;
}

url中获取参数对象也可以这么做

支持一下!!!!

查看全部评论