帝国cms建站实训报告 帝国CMS移动端限制只能在微信浏览器打开

帝国CMS教程

如何限制帝国移动端只能在微信上打开?

如果我们需要帝国cms做的网站只能在手机端微信浏览器打开,那么就需要以下步骤了,包括了一个判断方法(前台JS静态判断客户端)!

代码如下:

把以下js代码加到模板里头部

  1. <script type="text/javascript">
  2. if( typeof WeixinJSBridge!== "undefined" ) {}
  3. else
  4. {
  5. if(screen.width>=1000){var opened = window.open('/wxError.html', '_self');}
  6. else{}
  7. }
  8. </script>

然后在后台栏目-自定义页面-新建个自定义页面-命名为wxError.html

代码以下:

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta content="width=device-width,inital-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport"/>
  6. <title>抱歉,出错了</title>
  7. <meta charset="utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
  9. <link rel="stylesheet" type="text/css" href="https://res.wx.qq.com/open/libs/weui/0.4.1/weui.css">
  10. </head>
  11. <body>
  12. <div class="weui_msg">
  13. <div class="weui_icon_area"><i class="weui_icon_info weui_icon_msg"></i></div>
  14. <div class="weui_text_area"><h4 class="weui_msg_title">请在微信客户端打开链接</h4></div></div>
  15. </body>
  16. </html>