移动端访问PC端网页时跳转到对应的移动端网页
2015-06-06 09:19
288 查看
不想通过CSS自适应在PC端和移动端分别显示不同的样式,那么只能通过在移动端访问PC端网页时跳转到对应的移动端网页了,那么怎么跳转呢,网上也有很多文章说明,下面是本人测试有效的方式。
1.效果图
PC端访问显示:
移动端访问显示:
2.实现:
不考虑移动端搜索引擎优化的话,只需要通过JS判断是否移动端,然后确定是否跳转到指定页面就行了,主要JS如下:
然后在页面引用JS,调用方法就行了:
PS:大家可以用PC端和移动端访问 测试页面 查看效果。
1.效果图
PC端访问显示:
移动端访问显示:
2.实现:
不考虑移动端搜索引擎优化的话,只需要通过JS判断是否移动端,然后确定是否跳转到指定页面就行了,主要JS如下:
//判断是否移动端,如果是则跳转到指定的URL地址 function browserRedirect(url) { //只读的字符串,声明了浏览器用于 HTTP 请求的用户代理头的值 var sUserAgent = navigator.userAgent.toLowerCase(); 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 (bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM) { window.location.replace(url); } }
然后在页面引用JS,调用方法就行了:
<script src="../js/wap.js"></script> <script type="text/javascript">browserRedirect("http://ycdoit.com/test/testmobile.html");</script>
PS:大家可以用PC端和移动端访问 测试页面 查看效果。
相关文章推荐
- [Unity基础]GL图像库
- 常用的android弹出对话框
- Android25图灵聊天项目------异步任务类的使用
- 【转】Android下编译jni库的二种方法(含示例) -- 不错
- 【转】如何定制android源码的编译选项 & 后期安装? ---- 不错
- IOS安装教程及安装文件
- 银行推出微信开户远程叫号和智能填单服务
- iOS_1_加法器
- Android中的volley_12_请求重试策略RetryPolicy和DefaultRetryPolicy
- 马化腾:办公用QQ休闲用微信[Dream Catchers论坛]
- 猫猫学iOS 之微博项目实战(2)微博主框架-自定义导航控制器NavigationController
- Android编程读写首选项
- Object-c分类和协议
- Android——SharedPreferences实现登录界面的记住密码和自动登录功能
- cocos2d-x之Ref列表容器(实例:__Array容器)
- 菜鸟学Android笔记(二十四):ServletContext1
- 在android工程中导入图片
- The application could not be verified.
- 无法打开Android SDK Manager的解决办法
- 菜鸟学Android笔记(二十三):ServletConfig