Javascript限制网页只能在微信内置浏览器中访问

最近正在开发一个微信公众账号，其中有一项功能是用户发送文字消息给公众号，然后公众号返回图文消息给用户，用户再点击图文消息即可跳转到一个网页链接，在微信的内置浏览器中打开。
那么问题就来了，这个网页首先涉及到了移动web前端开发，我优先选择了用HTML5+bootstrap组合来实现页面的美观效果，前端其他的任务交给javascript解决（这里我是完全使用原生javascript代码，没有用到任何的框架，因为考虑到手机加载网页的速度本来就慢，而且框架中很多用不到的功能也会随网页一起加载，耗费用户流量）。
解决方案就来了，请看代码：
; z2 ]0 |. X4 R) M+ S/ O4 I# f! Y

1. 
   
2. <script type="text/javascript">
   & `: N! A6 p% A
3.     // 对浏览器的UserAgent进行正则匹配，不含有微信独有标识的则为其他浏览器
   
4.     var useragent = navigator.userAgent;
   . D" K" j# w5 f# |  `( @. Z( u
5.     if (useragent.match(/MicroMessenger/i) != 'MicroMessenger') {
   
6.         // 这里警告框会阻塞当前页面继续加载
   
7.         alert('已禁止本次访问：您必须使用微信内置浏览器访问本页面！');
   6 \/ r$ q: A! \' p  e
8.         // 以下代码是用javascript强行关闭当前页面
   ) s* K7 M! ~' T5 x
9.         var opened = window.open('about:blank', '_self');
   6 e1 N! X: [+ Y( [8 m( \4 ]& n
10.         opened.opener = null;
      h6 S! `( l2 |' K3 X
11.         opened.close();
    
12.     }
    
13. </script>
    

复制代码

这段代码在Android、iPhone、iPad、PC上都进行了测试，只要不是在微信内部打开网页的，首先就会弹出上面那个警告框，此时后面的页面是空白的，什么都还没加载，当点击警告框的确定按钮之后，最后三行代码将强行关闭当前页面。OK，到这里算是实现了用户原本的意思了，可以简单收工了。

# o8 h) I4 _* G( o. G3 o7 p. [6 E7 X等等，真的可以这样收工了么？你确定不会有其他问题？当然不是，其实这个方法并不会让你高枕无忧，因为对于伪造的UserAgent，还是可以绕过这条限制的，总的来说就是防君子不防小人了，大家懂得。当然，如果哪位朋友有解决这个问题的更好方法，还麻烦在下面评论告知，技术在于相互的分享和交流嘛，呵呵。
) K  L! Y" l- l
3 ]4 ~" |2 P0 I9 h( i0 Y