手机登录跳转移动端页面,判断是否移动端,要跳转的页面

本文提供了两种用于检测用户是否使用手机浏览器并实现页面跳转的方法。方法一通过判断URL哈希值及User Agent来实现跳转;方法二则提供了一个更简洁的方案,直接通过User Agent进行判断。

方法1

<script type="text/javascript">

function uaredirect(murl){
    try{
        if(document.getElementById("bdmark") != null) {
            return
        }
        var urlhash = window.location.hash;
        if(!urlhash.match("fromapp")){
            if((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iPad)/i))){
                location.replace(murl);
            }
        }
    }catch(err){}
}
uaredirect("跳转的网址");

</script>

方法2

<script type="text/javascript">
function isMobile() {
    if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))){
        return true;
    }else{
        return false;
    }
}
var urlMobile='网址';//手机跳转的页面
if(isMobile() !== false)
window.location.href=urlMobile;
</script>

在IIS中根据访问终端判断并自动跳转移动端页面,可借助URL重写模块达成,以下是实现步骤与示例规则: ### 安装URL重写模块 需先在IIS服务器上安装URL重写模块。若尚未安装,可通过Web平台安装程序进行安装。 ### 配置URL重写规则 可借助IIS管理器或者直接编辑`web.config`文件来配置URL重写规则。以下是一个示例规则,其作用是依据用户代理(User-Agent)判断访问终端,若为移动设备,则自动跳转移动端页面: ```xml <configuration> <system.webServer> <rewrite> <rules> <rule name="Redirect to Mobile Site" stopProcessing="true"> <match url=".*" /> <conditions> <add input="{HTTP_USER_AGENT}" pattern="android|blackberry|iphone|ipod|iemobile|opera mobile|palmos|webos|googlebot-mobile" /> </conditions> <action type="Redirect" url="http://yourdomain.com/mobile/{R:0}" redirectType="Permanent" /> </rule> </rules> </rewrite> </system.webServer> </configuration> ``` ### 规则说明 - **规则名称**:`Redirect to Mobile Site` 为规则的名称,可按需修改。 - **匹配模式**:`<match url=".*" />` 表示匹配所有URL。 - **条件判断**:`<conditions>` 部分借助正则表达式判断用户代理是否包含移动设备的关键字,如 `android`、`iphone` 等。 - **重定向操作**:若条件满足,`<action>` 部分会将用户重定向到移动端页面,`{R:0}` 代表原始匹配的URL。 ### 注意事项 - 要把 `http://yourdomain.com/mobile/` 替换成实际的移动端页面域名或路径。 - 正则表达式中的移动设备关键字可依据需求进行调整和扩充。 通过以上步骤,就能在IIS中实现根据访问终端判断并自动跳转移动端页面的功能。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值