限制只能在指定浏览器打开源码

如何限制网页在指定浏览器中打开？

迟客简书作者
2015-06-21 15:21 打开App
我们知道 js 可以通过 window.navigator.userAgent 来获取浏览器的相关信息。因而通过userAgent来限制访问是个不错的方法。

限制只能在微信浏览器中打开（替换MicroMessenger即可）

</script>
<script type="text/javascript">
// 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器
var useragent = navigator.userAgent;
if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {
// 这里警告框会阻塞当前页面继续加载
alert('已禁止本次访问：您必须使用微信内置浏览器访问本页面！');
// 以下代码是用javascript强行关闭当前页面
var opened = window.open('about:blank', '_self');
opened.opener = null;
opened.close();
}
</script>
那么各浏览器的userAgent区别是什么呢(加黑部分)?

chrome
Mozilla/5.0 (Windows NT 5.2) AppleWebKit/534.30 (KHTML, like Gecko) Chrome/12.0.742.122 Safari/534.30
Firefox
Mozilla/5.0 (Windows NT 5.1; rv:5.0) Gecko/20100101 Firefox/5.0
IE8
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.2; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET4.0E; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET4.0C)
Opera
Opera/9.80 (Windows NT 5.1; U; zh-cn) Presto/2.9.168 Version/11.50
360 safe Browser in IE6
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)
Safari
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-CN) AppleWebKit/533.21.1 (KHTML, like Gecko) Version/5.0.5 Safari/533.21.1
Maxthon
Mozilla/5.0 (Windows; U; Windows NT 5.1; ) AppleWebKit/534.12 (KHTML, like Gecko) Maxthon/3.0 Safari/534.12
TheWorld
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727; TheWorld)
手机浏览器呢？
点击此处查看当前浏览器信息
或者扫码访问：或者扫码访问：

下面是我测试的几个浏览器（安卓）
手机QQ浏览器6.0：Mozilla/5.0 (Linux; U; Android 4.4.4) AppleWebKit/537.36 (KHTML, like Gecko)Version/4.0 MQQBrowser/6.0 Mobile Safari/537.36
微信内置浏览器：Mozilla/5.0 (Linux; U; Android 4.4.4) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025438 Mobile Safari/533.1 MicroMessenger/6.2.0.53_r1166628.561
QQ自带浏览器：Mozilla/5.0 (Linux; U; Android 4.4.4) AppleWebKit/533.1 (KHTML, like Gecko)Version/4.0 MQQBrowser/5.4 TBS/025438 Mobile Safari/533.1 V1_AND_SQ_5.7.2_260_YYB_D QQ/5.7.2.2490 NetType/WIFI WebP/0.3.0
QQ空间自带浏览器：Mozilla/5.0 (Linux; Android 4.4.4) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/33.0.0.0 Mobile Safari/537.36 Qzone/V1_AND_QZ_5.5.1_192_XM_A QZONEJSSDK/5.5 QQJSSDK/1.2
UC浏览器：Mozilla/5.0 (Linux; U; Android 4.4.4;) AppleWebKit/534.30 (KHTML, like Gecko) Version/4.0 UCBrowser/10.5.1.597 U3/0.8.0 Mobile Safari/534.30
微博自带浏览器：Mozilla/5.0 (Linux; Android 4.4.4) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/33.0.0.0 Mobile Safari/537.36 Weibo
那么简书的呢？

Mozilla/5.0 (Linux; Android 4.4.4) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/30.0.0.0 Mobile Safari/537.36 haruki/1.7.2