簡單的pc端與移動端的切換效果

阿新 • • 發佈：2019-01-20

下列程式碼中，如果需要進行pc端與移動端的切換，直接將script中的程式碼貼上複製就好，只是要注意改變跳轉的網址。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
    <script>
        var userAgentInfo = navigator.userAgent;  
            var Agents = new Array("Android", "iPhone", "SymbianOS" 
, "Windows Phone", "iPad", "iPod");  
            var flag = false;
        var v=0
        for ( v = 0; v < Agents.length; v++) 
        {  
                 if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = true; break; }  
            }  
        if(flag){
            window.location='m.html' 
;  //如果是移動裝置訪問，就跳轉到m.html。
        }
    </script>
</head>
<body>

    <h1>當前是PC端</h1>

</body>
</html>







<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    <script>
        var 
 userAgentInfo = navigator.userAgent;  
            var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
            var flag = false;
        var v=0
        for ( v = 0; v < Agents.length; v++) 
        {  
                 if (userAgentInfo.indexOf(Agents[v]) > 0) { 
                    flag = true; 
                    break;
                 }
            }  
        if(!flag){
            window.location='index.html';  //如果是PC裝置訪問，就跳轉到指定的網址。
        }
    </script>
    </head>
    <body>
        <h1>這裡是移動端</h1>
    </body>
</html>

簡單的pc端與移動端的切換效果

下列程式碼中，如果需要進行pc端與移動端的切換，直接將script中的程式碼貼上複製就好，只是要注意改變跳轉的網址。 <!DOCTYPE html> <html> <he

一個簡單的 PC端與移動端的適配(通過UA)

one div cat log 一個 else sougou 添加 iphone 只需在header引用個js文件, 原理就是判斷UA裏面的標識. 加下面代碼添加到js文件,在頭文件引用即可 var Pc_url = ‘http://www.baidu.com‘; //P

自動檢測，pc端與移動端打開網頁時跳轉到對應的地址

gen rec useragent androi tex index func hone oca 方法1 <script> if(navigator.platform.indexOf(‘Win32‘)!=-1){ //pc window.location.hre

PC端與移動端的縮放問題

縮小在屏幕上不同視覺不同的布局視口 dev 通過物理總結在布局視口，CSS像素不會發生個數上的變化，那麽說，一個大頁面上，所有CSS像素都是固定住的，是不變的當用戶縮放操作時，在視覺視口上操作，但是，視覺視口永遠屏幕那麽大，而且我看東西都是通過屏幕

php 如何區分pc端與移動端

<?php function isMobile() { // 如果有HTTP_X_WAP_PROFILE則一定是移動裝置 if (isset ($_SERVER['HTTP_X_WAP_PROFILE'])) { return

pc端與移動端的區別

移動裝置和PC本身有區別：　　1、螢幕尺寸不同，螢幕大小導致顯示的內容頁不一樣。　　2、網路速度不同：手機分2G、3G、4G、WIFI等，我們要少用圖片，JS、動畫等等，使用者打不開一樣起不了作用。　　3、使用習慣不同：按鈕、連結大小要合適手指的點選。　　4、技術層面：JS、FLASH不相容，

基於cropper圖片裁剪,兼容PC端與移動端

移動端 auto nali change over wheel img init pre 所需的資源文件 <link rel="stylesheet" href="https://cdn.bootcss.com/cropper/4.0.0-beta/cropper.

js實現一個可以相容PC端和移動端的div拖動效果

拖動時候用到的三個事件：mousedown、mousemove、mouseup在移動端都不起任何作用。畢竟移動端是沒有滑鼠的，查資料後發現，在移動端與之相對應的分別是：touchstart、touc

繫結事件的時候，如果pc與移動端都用，可以做一下，pc與移動端的相容

這裡只談及PC端的mousedown mousemove mouseup事件與移動端的touchstart touchmove touchend事件 var hastouch = 'ontouchstart' in window?true:false,

普通pc端開發與移動端開發區別

pc，我們需要考慮什麼呢？有點開發經驗的同學都知道，ie6-11，firefox，chrome，safari都得相容的吧。 mobile的網頁開發，我們需要考慮什麼呢？就目前來說，我們只需要考慮we

產品設計使用者體驗優化之相容PC與移動端的回車搜尋響應事件設計

【文章特色：本文從使用者體驗的角度出發，分各種情況包括PC和移動web端的相容性講解了“回車提交”的處理情況】一、為什麼要回車提交在輸入搜尋關鍵字後我們很自然地敲擊回車鍵，或者在手機端點選軟鍵盤的搜尋鍵，而不是再去點選輸入框後面的搜尋按鈕。使用鍵盤迴車響應事件的好處在

Insurance 項目——與移動端交互json-Gson

on() ont 字節 int version trim test 字節長度 get 這是一個java初學者在獨立開發一個項目時做的筆記，很多內容僅僅是為了解決當前需求，並未很深入的研究。什麽是Json。 Json是開發領域數據傳遞的一種。有著數據結構簡單，數據字節長度短

網站自動識別PC端或者移動端

sdk capi nbsp poc subst won 發現瀏覽器 tcl 　　平時在開發中經常會遇到這樣的需求，除了開發PC端之外，還會同時開發移動端。對於簡單的頁面，可以使用bootstrap之類的框架實現響應式頁面，可是當頁面很復雜的時候，就需要開發一個移動端頁面，

通過js中的useragrent來判斷設備是pc端還是移動端，跳轉不同的地址

lenovo err agent indexof pad ren phi mobile 手機 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|L

酷播V4更新了，支持PC端和移動端的視頻預覽功能（收費預覽視頻功能）

href img 收費 oss www. bsp com 蘋果免費感覺要變天了，灰蒙蒙的。好久沒有下雨了... [酷播V4]永久免費的酷播V4，更新了html5和flash播放器的優先級選項，效果：效果演示：http://www.cuplayer.com/CuP

python---》客戶端與服務端的基礎（做一個簡單的客戶端與服務端）

python 今天我們分享的內容是python簡單的客戶端與服務端，此處僅介紹一些簡單的函數，並作出來一個玩兒玩兒。在開始之前呢，先用一張圖表示他們之間的關系我們來按照這個步伐依次介紹：服務端：import socketserver=socket.socket()#此處是為了創建

判斷pc端或移動端並跳轉

navi ont itl back fun info func cat script 判斷pc端或移動端並跳轉代碼目錄： index.html代碼： <!DOCTYPE html> <html lang="en"> <hea

rem與移動端布局

blog 媒體查詢 size AC 個人 iphone4 出現問題常見 -s 　　移動端布局痛點在：兼容各個分辨率的移動設備，同樣是手機，iPhone4-iPhoneX分辨率範圍就已經很廣；如果使用px進行布局，顯然會出現問題；　　常見的像素單位px,em,rem中，

PHP判斷訪問者是PC端還是移動端

hit agent net roi view lac 識別連接 android function isMobile() { // 如果有HTTP_X_WAP_PROFILE則一定是移動設備 if (isset ($_SERVER[‘HTTP_X_WAP

JS判斷設備類型跳轉至PC端或移動端相應頁面

簡單的pc端與移動端的切換效果

相關推薦