jquery判断客户端的类型
针对不同客户端下载链接的页面响应样式不一样,更人性点而已
//匹配客户端类型
var isAndroid = navigator.userAgent.toLowerCase().match(/android/i) == "android";
var isIphone = navigator.userAgent.toLowerCase().match(/iphone os/i) == "iphone os";
var isIpad = navigator.userAgent.toLowerCase().match(/ipad/i) == "ipad";
var isWin = navigator.userAgent.toLowerCase().match(/windows phone/i) == "windows phone";
var isMac = (navigator.platform == "Mac68K") || (navigator.platform == "MacPPC") || (navigator.platform == "Macintosh") || (navigator.platform == "MacIntel");
//定义几个函数,获取url中的get参数
(function($) {
$.extend({
urlGet:function()
{
var aQuery = window.location.href.split("?"); //取得Get参数
var aGET = new Array();
if(aQuery.length > )
{
var aBuf = aQuery[].split("&");
for(var i=, iLoop = aBuf.length; i<iLoop; i++)
{
var aTmp = aBuf[i].split("="); //分离key与Value
aGET[aTmp[]] = aTmp[];
}
}
return aGET;
}
})
})(jQuery); $(document).ready(function(){
var curr_url = window.location.href;
var host = window.location.host;
var GET = $.urlGet();
var curr_url = GET['url_download'];
if(isAndroid || isIpad || isIphone || isWin){
//手机端的样子
$(".addthis_sharing_toolbox").show();
//ajax请求,匹配参数获得返回值
if(curr_url.indexOf(".exe")!=-||curr_url.indexOf(".dmg")!=-){
$.ajax({
url:'http://'+host+'/index.php/Index/mobile_url',
type:'post',
data:{url:curr_url},
async : true,
error:function(){
alert('error');
},
success:function(data){
//只是一些样式的控制,不用看
$(".box1").show();
$(".box2").hide();
$(".addthis_sharing_toolbox").show();
$(".discountCode").show();
var json = eval('(' + data + ')');
$("#win_price").html(json.win_price);
$("#mac_price").html(json.mac_price);
$("#win_btn").attr('href',json.win_buy);
$("#mac_btn").attr('href',json.mac_buy);
$("#share_code").attr('data-url',json.skip_url);
$("#share_code").attr('data-title',json.skip_title);
}
});
}
}else{
//pc端的样子,样式的控制不用看
$(".box1").hide();
$(".box2").show();
$("#pc_download").attr('href',curr_url);
location.href=curr_url;
}
jquery判断客户端的类型的更多相关文章
- JS判断访问设备(userAgent)加载不同页面 JS判断客户端操作系统类型(platform)
//平台.设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platfor ...
- php判断客户端浏览器类型
/** * 判断浏览器名称和版本 */ function get_user_browser() { if (empty($_SERVER['HTTP_USER_AGENT'])) { return ' ...
- JS判断访问设备、客户端操作系统类型
先给出一个实例:判断windows.linux.android 复制以下代码另存为html文件即可. <html> <head> <title>判断操作系统< ...
- [转]JS判断访问设备、客户端操作系统类型
本文转自:http://www.cnblogs.com/duanguyuan/p/3534470.html 先给出一个实例:判断windows.linux.android 复制以下代码另存为html文 ...
- H5案例分享:使用JS判断客户端、浏览器、操作系统类型
使用JS判断客户端.浏览器.操作系统类型 一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Androi ...
- 怎么用jquery判断浏览器类型和版本号?
用jquery判断浏览器类型:判断浏览器类型是IE浏览器还是火狐甚至是opera或者苹果浏览器safari,jquery 特效代码如下:判断浏览器类型和版本号如下: 怎么用jquery判断浏览器类型? ...
- jquery中关于对象类型的判断原理
class2type[ core_toString.call(obj) ] jquery中关于对象类型的判断原理 jquery源码中关于类型判断的工具函数为type,调用方法为$.type()或者jQ ...
- JS判断浏览器类型,JS判断客户端操作系统
JS判断浏览器类型 function judge(){ var browser = { versions: function() { var u = navigator.userAgent, app ...
- 使用JS判断客户端、浏览器、操作系统类型
一.JS判断客户端类型 JS判断客户端是否是iOS或者Android手机移动端 通过判断浏览器的userAgent,用正则来判断手机是否是ios和Android客户端. 核心代码如下: 方法一: &l ...
随机推荐
- Java反射机制简单使用
1.Java反射相关类所在package: java.lang.reflect.* 2.开始使用Reflection: 使用reflect相关类,遵循三个步骤: a.获取想要操作类的 java.lan ...
- Android 播放gif图片
Android的原生控件并不支持播放GIF格式的图片.我们都知道,在Android中如果想要显示一张图片,可以借助ImageView控件来完成,但是如果将一张GIF图片设置到ImageView里,它只 ...
- Flask的session——关于写扩展所学习到的
这两天端午节.趁着端午节没事干,写了个flask的扩展--flask-RedisSession 在flask中使用该扩展可以让你借助redis数据库轻松获得server-side session. 这 ...
- python----抽象类
#!/usr/local/python3.5/bin/python3.5 ####实现方法一 class Supper(object): def delegate(self): self.action ...
- apache主目录,配置文件目录结构说明
apache服务安装成功后,主要的目录结构如下: |-- bin 程序命令目录[apache执行文件的目录如apachectl,htpassed] |-- build |-- cgi-bin 预设给一 ...
- Lars Knoll 宣布了Qt 5有四大目标
作者:廖梓跃链接:http://www.zhihu.com/question/19636309/answer/13097572来源:知乎著作权归作者所有,转载请联系作者获得授权. 自诺基亚宣布转向Wi ...
- Google API v3 设置Icon问题处理
1.查看API实现 //虽然比较符合API实现的思想但这个没法; //会产生Uncaught TypeError: undefined is not a function //google API n ...
- 蓝桥杯 六角形中填置1~12个数字 dfs
如图[1.png]所示六角形中,填入1~12的数字. 使得每条直线上的数字之和都相同. 图中,已经替你填好了3个数字,请你计算星号位置所代表的数字是多少? 请通过浏览器提交答案,不要填写多余的内容. ...
- ZOJ(3455)
Shizuka's Letter Time Limit: 2 Seconds Memory Limit: 65536 KB Nobita receives a letter from Shi ...
- hdu 2438 Turn the corner(几何+三分)
Problem Description Mr. West bought a new car! So he is travelling around the city. One day he comes ...