js判断页面是否微信打开pc打开还是手机打开

通过js判断来源是PC还是手机给相应的展示网站-网站知识
&&通过js判断来源是PC还是手机给相应的展示网站
通过js判断来源是PC还是手机给相应的展示网站
现在移动端越来越重要,所以给用户展示手机端或者IPAD/IPOD端展示对应的页面是必要的。
那我们做好相应的移动端网站后,怎么去判断用户是手机还是PC呢?我们该怎么给提供哪个版本,这是我们今天要解决的问题。
写相应的javascript代码来判断来源,从而给相应的网站,当然我们默认是PC端,只是如果有移动端特点,我们就给展示移动端站,好了,废话小说,直接上代码:
在代码的head里插入如下js代码:
&script type=&text/javascript&&
&&& var userAgentInfo = navigator.userA
&&& if& (userAgentInfo.indexOf(&Android&) & 0 || userAgentInfo.indexOf(&iPhone&) & 0 || userAgentInfo.indexOf(&SymbianOS&) & 0 || userAgentInfo.indexOf(&Windows Phone&) & 0 || userAgentInfo.indexOf(&iPod&) & 0 || userAgentInfo.indexOf(&iPad&) & 0)
&&&&&&& window.location.href = &http://dongguan.seosrx.net/3g/&;
&&& }else {
看了代码之后是不是觉得没想像中的那么麻烦呢。
本文:【通过js判断来源是PC还是手机给相应的展示网站】
文章地址: 转载请注明出处
东莞SEOer阿军
以一个SEOer的角度建设网站,从网站代码,网站内容和网站的用户体验等网站内部因素出发,让网站全方位的符合SEO规则;做搜索引擎喜欢的网站,同样资源下让网站拥有更好的排名,为客户创造最大的经济价值。
网站价格从不等,具体价格请加Q详聊。联系QQ:
其他SEOer都在看...
和他们一样成为区域seo的佼佼者
东莞SEO交流群:js判断用户的浏览设备是移动设备还是PC
&script type="text/javascript"&
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
document.writeln("您的浏览设备为:");
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
document.writeln("phone");
document.writeln("pc");
browserRedirect();
详细判断打开该页面的源
var browser = {
versions: function () {
var u = navigator.userAgent, app = navigator.appV
//移动终端浏览器版本信息
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.*/), //是否为移动终端
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, //是否为iPhone或者QQHD浏览器
iPad: u.indexOf('iPad') & -1, //是否iPad
webApp: u.indexOf('Safari') == -1 //是否web应该程序,没有头部与底部
language: (navigator.browserLanguage || navigator.language).toLowerCase()
if (browser.versions.mobile) {//判断是否是移动设备打开。browser代码在下面
var ua = navigator.userAgent.toLowerCase();//获取判断用的对象
if (ua.match(/MicroMessenger/i) == "micromessenger") {
//在微信中打开
setInterval(WeixinJSBridge.call('closeWindow'),2000);
if (ua.match(/WeiBo/i) == "weibo") {
//在新浪微博客户端打开
if (ua.match(/QQ/i) == "qq") {
//在QQ空间打开
if (browser.versions.ios) {
//是否在IOS浏览器打开
if(browser.versions.android){
//是否在安卓浏览器打开
//否则就是PC浏览器打开
window.close();
阅读(...) 评论()随笔 - 44&
文章 - 0&评论 - 0&trackbacks - 0
&script type="text/javascript"&
function browserRedirect() {
var sUserAgent = navigator.userAgent.toLowerCase();
console.log(sUserAgent);
var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";
var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os";
var bIsMidp = sUserAgent.match(/midp/i) == "midp";
var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4";
var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb";
var bIsAndroid = sUserAgent.match(/android/i) == "android";
var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce";
var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile";
document.writeln("您的浏览设备为:");
if (bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) {
document.writeln("phone");
document.writeln("pc");
browserRedirect();
直接将这段代码放进去,在页面一打开的时候就可以判断出是什么打开了。
navigator.包含用户的全部信息userAgent.属性方法 可返回从客户端到服务端的user-agent的值toLowerCase()将获取到的信息全部转化为小写的
阅读(...) 评论()您的位置:->->
&智能手机的出现使手机访问网站的用户数急剧增多,也许随着4g,5G等的移动网络的普及,未来用户手机访问网站数将会超过电脑访问网站数。现在微营销的出现,很多商家开始注重手机用户。网络营销人员当然也不会错过能够带来销量的市场,我们一般做网站都是指的是电脑上访问的网站,现在手机访问网站的用户数增多,网络营销人员会想办法做一个手机能访问的网站。但是我们网站的域名只有一个,手机访问网站也是输入网站域名打开,这个时候我们就需要用js判断是用电脑访问还是用手机访问网站。
由于手机屏幕的问题,如果用户打开的网站内容显示跟电脑端一模一样的话,用户很难像在电脑上找到相关网站信息,这个时候我们需要做一个手机网站来适应手机屏幕查看。手机网站做好后,在打开同一个域名的时候,如何用js判断是用电脑访问还是用手机访问网站呢?
js判断是用电脑访问还是用手机访问网站的方法代码如下:
&script language=&javascript&&&
//平台、设备和操作系统(windows系统,苹果系统,Linux或者X11系统) &
var system ={ &
win : false, &
mac : false, &
xll : false &
//检测平台 &
var p = navigator. &
system.win = p.indexOf(&Win&) == 0; //如果是windows系统就显示true,否则false。&
system.mac = p.indexOf(&Mac&) == 0; &//如果是Mac系统就显示true,否则false。&
system.x11 = (p == &X11&) || (p.indexOf(&Linux&) == 0); &//如果是Linux或者X11系统就显示true,否则false。&
//跳转语句,如果是windows系统,苹果系统,Linux或者X11系统就跳转到;如果是手机访问就自动跳转到页面。
if(system.win||system.mac||system.xll){ &
window.location.href=&&;&
window.location.href=&http://m..&; &
用js判断是用电脑访问还是用手机访问网站详细代码如上,稍懂代码的朋友只要看下上面的注释就可以明白,如果有不明白的地方可以到上发帖,长沙做网站湘龙工作室的技术人员会和你们一起交流的。&&script type=&text/javascript&&
//平台、设备和操作系统
var system ={
win : false,
mac : false,
xll : false
//检测平台
var p = navigator.
system.win = p.indexOf(&Win&) == 0;
system.mac = p.indexOf(&Mac&) == 0;
system.x11 = (p == &X11&) || (p.indexOf(&Linux&) == 0);
//跳转语句
if(system.win||system.mac||system.xll){//转向后台登陆页面
window.location.href=&login.jsp&;
window.location.href=&wapLojin.jsp&;
--&&/script&
欢迎转载:
推荐:    }

我要回帖

更多关于 判断页面是否打开网页 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信