js实现网站双向自动跳转符合当前设备的pc端、移动端页面
很多站长在建站时,都会考虑移动用户访问时自动跳转移动端页面,pc端访问时自动跳转pc端页面,但是有一点却没有考虑到。那就是当分享网站网址的时候,通常分享pc端地址给移动用户,能够正常跳转移动端页面。但是当分享移动端页面给pc用户时,却没能做到跳转到pc端页面。

举例dede模板中的跳转代码:

<script type="text/javascript">
if(window.location.toString().indexOf('pref=padindex') != -1){}
else
{
  if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent)))
  {//判断结果为移动设备
    if(window.location.href.indexOf("?mobile")<0)
    {
      try
      {
        if(/Android|Windows Phone|webOS|iPhone|iPod|Mobile|BlackBerry/i.test(navigator.userAgent))
        {window.location.href="https://m.gdyuzhou.com";}//跳转移动端页面
        else if(/iPad/i.test(navigator.userAgent)){}
        else{}
      }
      catch(e){}
    }
  }
  else
  {//判断结果非移动设备,即跳转到pc页面
    window.location="https://www.gdyuzhou.com";
  }
}
</script>
以上代码仅展示了首页的双向跳转,如要体现在每个页面,只需要在跳转链接末尾,追加正确适配的pc端、移动端对应地址的代码即可
[声明]本站内容除特别声明外,均属原创内容。
1、本站所有原创文章、图片等资料,如需转载使用,必须附上来源出处及链接方式;
2、若本站侵犯到您的权益或任何版权问题,请立即告知本站,我们将及时删除并致以最深的歉意!
3、本站转载文章版权归原作者所有,内容为作者个人观点,本站只提供参考并不构成任何投资及应用建议。任何本站转载文章链接及得到的资讯、产品、服务,本站概不负责,亦不负任何法律责任。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇