怎样设置网站空间的网站只允许在移动端浏览

发布网友 发布时间：2022-04-21 03:13

我来回答

共4个回答

热心网友 时间：2022-04-23 15:14

网站调用一个全局的JS，在JS中判断访问者是移动端还是PC端。

可以通过JS中HTML DOM userAgent 属性来进行判断

userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值。

一般来讲，它是在 navigator.appCodeName 的值之后加上斜线和 navigator.appVersion 的值构成的。

例如：Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SV1; .NET CLR 1.1.4322)。

注：用户代理头：user-agent header。

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.*/), //是否为移动终端  
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.versions.ios || browser.versions.android ||
browser.versions.iPhone || browser.versions.iPad) {
var Web_Type = false;
} else {
var Web_Type = true;
}
if(Web_Type){
alert("请在移动端访问本网站！");
}

在浏览器下访问运行效果如下：

热心网友 时间：2022-04-23 16:32

pc端直接删除，然后 弄个移动的二维码挂首页，即便是pc访问了。也请扫描二维码访问网站 那不就行了

热心网友 时间：2022-04-23 18:06

后台的控制面板，设置访客*

热心网友 时间：2022-04-23 19:58

只要网站的wap程序应该就可以了吧