簡單的pc端與移動端的切換效果
下列程式碼中,如果需要進行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端或移動端相應頁面
移動 cat agen MQ useragent AD phone div agent if((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry