今天臨時接到一通電話,客戶的官方網站使用手機瀏覽時突然無法跳轉到手機版網頁,情急之下在五分鐘內拼出了Java Script 跳轉語法,加入在網頁內並成功讓手機用戶跳轉成功。

我想對於一般中小型企業來說,應該也是夠用的。

▼ 一般用法:簡單判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽,自動跳轉到指定的手機版網頁

語法結構:

  1. 進到首頁時→自動判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽,則跳轉到指定的手機版網頁
<script type="text/javascript">if(navigator.userAgent.match(/Android|iPhone|iPad/i)) {window.location = '手機版網址';}
</script>

  

進階用法:解決進入手機版,在點回首頁時,又被系統轉回手機版的情況。(2013/11/04 更新)

語法結構:

  1. 進到首頁時→自動判斷使用者的如果是使用 Android 或 iPhone 或 IPad 瀏覽,則跳轉到指定的手機版網頁
  2. 網友按下手機網頁上的電腦版按鈕可以正常看到電腦版網頁→ 手機板上的電腦版按鈕必須為網址網址後面加上?type=web ,網友如果點有?type=web版的,表示是從手機版跳回來的,不要再進入手機版成為鬼打牆的情況。
<script language=JavaScript>var url = location.search;var rid;if(url.indexOf("?") == -1) {//電腦版網址後方沒有參數,就自動進入手機版判斷程式if(navigator.userAgent.match(/Android|iPhone|iPad/i)) {window.location = '手機版網址';}}if(url.indexOf("?") != -1)  {//電腦版網址後方有參數var str = url.substr(1);rid = str.split("=")[1];if (rid != "web" ){  //且第一個參數不是web,就自動進入手機般判斷程式if(navigator.userAgent.match(/Android|iPhone|iPad/i)) {window.location = '手機版網址';}}}</script>

  

http://www.saraliang.com/archives/706

http://siteapp.baidu.com/static/webappservice/uaredirect.js

转载于:https://www.cnblogs.com/coolid/p/3656650.html

快速切換手機版網頁語法相关推荐

  1. line android 英文版,LINE 手機版也有深色模式啦!更新完我要去哪裡設定呢?Android/iOS 都有! (1/8 更新)...

    發現大家都喜歡深色/暗黑模式,越來越多 App 的介面也開始提供黑色主題,現在 LINE 也有自己的深色模式啦-iPhone 與 Android 用戶將 LINE 手機版更新至最新版本後,就可以獲得全 ...

  2. 網頁設計(繁體工具軟件)

    網頁設計 軟體名稱:Absolute HTML Compressor 軟體版本:1.14 授權類型:免費軟體 支援語系:英文 官方網站:http://www.alentum.com/ 檔案下載:官方網 ...

  3. 转载:手機 Cell ID 與定位

    转载自:http://heresy.spaces.live.com/blog/cns!E0070FB8ECF9015F!7853.entry 2009/7/13 手機 Cell ID 與定位 一般提到 ...

  4. android 清理工具,Android 版 Avira Optimizer 是 Android 手機清理工具

    隨著時間推移,應用程式.相片.視訊和音樂會塞滿您的手機或平板電腦,拖慢系統性能.適用於 Android 的 Avira Optimizer 是最佳的 Android 清理工具,其中包括: Smart ...

  5. Google Sites快速做出一個簡單的網頁

    新手網站架設的神器 Google Sites協作平台,為什麼這樣子說呢? 因為新手入門款以Google Sites協作平台練習,認識網站架設的基礎概念,接著再轉往進階班的Wordpress網頁設計.比 ...

  6. 20個網頁抓取工具快速抓取網站

    網絡爬行(也稱為網絡抓取,屏幕抓取)已廣泛應用於當今的許多領域. 在網絡爬蟲工具進入公眾之前,對於沒有編程技能的普通人來說,這是一個神奇的詞. 它的高門檻阻礙了大數據門外的人們. 網絡抓取工具是自動爬 ...

  7. php网站pc域名和手机域名,手機移動端網站和電腦PC端網站域名使用與跳轉PHP代碼...

    本文转载自 yelangsem 查看原文 2017-05-24 636 讓網站在不同於域名下出現不一樣的網站模板,這樣就能實現電腦站域名(例如野狼SEO團隊官網http://www.390seo.co ...

  8. Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高,快速下載字體檔案

    對於網頁設計有興趣的朋友,一定很習慣在上網時注意網頁所使用的字型,若是比較有經驗的使用者會透過找網頁原始碼的方式來查看網頁使用的字型,或是從 CSS 檔裡去挖掘該網站使用的是那一種字型組合.先前我曾介 ...

  9. 51CTO手機軟件有病毒? 有網絡安全的高手嗎?

    在下載51CTO的手機客戶端的軟件時, 卻出現以下的提示 我試過在51CTO網站下載的,也試過在百度應用下載, 都發現在我的手機內的ESET病毒軟件, 都會提示有病毒, 曾已經向51CTO微信的反映過 ...

最新文章

  1. [C++] NEW Advanced Usage
  2. 在无Yum源的环境安装软件(CentOS)
  3. 慢查询优化,我终于在生产踩到了这个坑!!
  4. nginx rewrite规则和参考
  5. Nginx-常见服务器的对比
  6. 邮局--dp经典问题
  7. 强化学习 求解迷宫问题_使用天真强化学习的迷宫求解器
  8. 信息学奥赛一本通(2022:【例4.7】最小n值)
  9. 剑指Offer面试题:16.合并两个排序的链表
  10. 如何用iframe代码显示调用网页的指定部分
  11. mysql查询同时选修了两门_查找同时选修了C01及C02两门课程的学生姓名及学号
  12. 员工接私单可不可以追究刑事责任
  13. SpringBoot生命周期
  14. iOS 7 之Airdrop 分享
  15. mysql中如何统计数据_mysql中的数据统计方法
  16. 股票API数据实时查询
  17. w7测算计算机分级,HSW-E平台跑分竟失败:需要打补丁
  18. 搭建rtmp直播流服务之1:使用nginx搭建rtmp直播流服务器(nginx-rtmp模块的安装以及rtmp直播流配置)
  19. Cache架构以及X86ARM @Linux平台cache eviction功能测试
  20. Serverless 技术架构 — 初探传说中的FAAS(Function as a Service)

热门文章

  1. 【HDU - 3790】最短路径问题(DIjkstra算法 双权值)
  2. 怎么用计算机拟合数据,数据拟合的几个应用实例-毕业论文.doc
  3. c 连接mysql示例 源码_MySQL 连接
  4. 剑指offer之礼物的最大值
  5. 终于,我读懂了所有Java集合——sort
  6. 数据结构课上笔记10
  7. LeetCode - Easy - 118. Pascal‘s Triangle
  8. Linux加密框架 crypto 算法模板 HMAC模板举例
  9. Android设计模式之——迭代器模式
  10. 值类型和引用类型的区别