JS判斷行動裝置最佳方法 並實現跳轉至手機版網頁

來源:互聯網
上載者:User

標籤:js判斷行動裝置

方法一:純JS判斷

使用這方法既簡單,又實用,不需要引入jQuery庫,把以下代碼加入到<head>裡即可。

<script type=”text/javascript”>if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {window.location = “mobile.html”; //可以換成http地址}</script>


方法二:使用 Device.js 庫

device.js 是一個用於檢查裝置用的外掛程式,使用它你可以很方便的判斷裝置的作業系統,以及裝置是縱向還是橫向。

首先,我們下載Device.js

: https://github.com/matthewhudson/device.js

STEP 1: 引入 JS 檔案
<script src=”device.min.js”></script>
STEP 2: 加入判斷代碼
<script type=”text/javascript”>if(device.mobile()){window.location = “shouji.html”;  //可以換成http地址}</script>


Device.js 方法有很多,若你想實現對某個裝置的判斷,要以根據以下代碼來替換device.mobile()。

650) this.width=650;" alt="JS判斷行動裝置最佳方法 並實現跳轉至手機版網頁" src="http://static.open-open.com/lib/uploadImg/20151204/20151204211230_444.png" width="500" height="854" style="border:0px;vertical-align:middle;" />


JS判斷行動裝置最佳方法 並實現跳轉至手機版網頁

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.