cooce 发表于 2020-3-12 13:51:31

网站纯静态化后手机端无法实现响应式

网站纯静态化后手机端无法识别从而启用手机端的响应式页面。
有什么办法解决么？

logo设计专家 发表于 2020-3-12 13:53:10

本帖最后由 logo设计专家 于 2020-3-12 13:55 编辑

三种方法

一 换完全css响应式的模板

二 用js动态识别切换

三 换CMS


按你的情况 用第二种最好实现   不会做找我收费处理:ohh:

cooce 发表于 2020-3-12 13:56:50

logo设计专家 发表于 2020-3-12 13:53
三种方法

一 换完全css响应式的模板


能否给个js动态识别的JS地址呀？

logo设计专家 发表于 2020-3-12 13:58:35

cooce 发表于 2020-3-12 13:56
能否给个js动态识别的JS地址呀？

还有一种方法 rewrite里识别转换

logo设计专家 发表于 2020-3-12 14:01:13

cooce 发表于 2020-3-12 13:56
能否给个js动态识别的JS地址呀？

:) 你要是换akcms,我免费技术支持:)

cooce 发表于 2020-3-12 14:17:16

logo设计专家 发表于 2020-3-12 14:01
你要是换akcms,我免费技术支持

解决方案一

<script type="text/javascript">
//判断是否移动端访问
browserRedirect();
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";

    if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) {
      //window.location.href = "http://xxx";
    }
}
</script>





解决方案二

<script src="http://siteapp.baidu.com/static/webappservice/uaredirect.js" type="text/javascript"></script>
<script type="text/javascript">uaredirect("你的手机版网址");</script>



解决方案三

<script type="text/javascript">
      //平台、设备和操作系统
      var system = {
            win: false,
            mac: false,
            xll: false,
            ipad:false
      };
      //检测平台
      var p = navigator.platform;
      system.win = p.indexOf("Win") == 0;
      system.mac = p.indexOf("Mac") == 0;
      system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
      system.ipad = (navigator.userAgent.match(/iPad/i) != null)?true:false;
      //跳转语句，如果是手机访问就自动跳转到wap.baidu.com页面
      if (system.win || system.mac || system.xll||system.ipad) {

      } else {

            window.location.href = "http://xxx/";
      }
</script>

logo设计专家 发表于 2020-3-12 14:39:17

cooce 发表于 2020-3-12 14:17
解决方案一




不错啊 求带

cooce 发表于 2020-3-12 15:43:36

终于搞定啦，思路是电脑访问就进入静态页面（首页，链接的也全是静态的页面）

sunshow 发表于 2020-3-12 16:05:02

自问自答
页: [1]
查看完整版本: 网站纯静态化后手机端无法实现响应式