同一個網址,根據pc跟移動端,跳到對應頁面
function goPAGE() {
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android
|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
window.location.href="你的手機版地址";
}
else {
window.location.href="你的電腦版地址"; }
}
此段函式可以判斷是在電腦上還是PC上,然後跳轉到與之對應的頁面,需要有兩個頁面.
原文連結:https://segmentfault.com/q/1010000011073413/a-1020000011073588
相關推薦
同一個網址,根據pc跟移動端,跳到對應頁面
function goPAGE() { if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android |Mobile|BlackBerry|IEMobile|MQQBrowser|
繫結事件的時候,如果pc與移動端都用,可以做一下,pc與移動端的相容
這裡只談及PC端的mousedown mousemove mouseup事件 與 移動端的touchstart touchmove touchend事件 var hastouch = 'ontouchstart' in window?true:false,
快速開發app,這個快速開發框架,整合PC、移動端開發,讓開發更暢快!
之前,有發過不少PC端快速開發的文章,但是現在越來越多的專案需要PC和移動端結合,所以,我給大家介紹一下之前快速開發平臺的APP版本,希望大家能夠體驗一下,發表一下自己的看法。下載的話,在官網:www
js面向物件思想封裝拖拽功能,相容pc和移動端
我們在開發專案過程中,很可能會碰到頁面上某塊需要可以拖拽移動的功能需求,網上已經有不少前輩分享了相關功能的案例,外掛或者程式碼,但是考慮到專案功能需求,我們可能僅需要實現拖拽移動功能就可以,不需要其他功能,而網上很多外掛往往附帶了其他功能需求。這裡筆者僅對拖拽移
1、移動端 2、後臺 3、 移動端,Web 端 4、 PC端
所有 style oid 平臺 公眾號 移動端 公眾 androi nbsp 移動端: 1、公眾號:停開心 住總物業 2、app: iso Android 停開心,住總停開心 後臺:停開心智慧停車管理平臺(所有的停車場) 移動端,Web端: 海投
通過js中的useragrent來判斷設備是pc端還是移動端,跳轉不同的地址
lenovo err agent indexof pad ren phi mobile 手機 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|L
APP快速開發:PC、移動端多項目整合,learun讓開發更暢快
進行 mysql 標準 mvc 解決 說了 配置 功能 整合 以前我們針對快速開發框架的PC模式進行過詳細的探討,了解到一套合適的快速開發框架對一個企業的重要性,今天我們繼續以learun框架為基礎藍本,探討一下其在APP快速開發中的作用。 learun技術支撐 (1)前臺
手機電腦旅遊網站模板——H5響應式移動端,PC端皆可使用
圖片展示 首頁模組: 目的地模組 : 攻略模組: 遊記模組: 私人定製模組: 熱門線路模組: 商品展示頁: 支付模組(微信
利用js自動檢測pc端和移動端,js程式碼,需要寫兩個網頁,一個pc,一個移動端
假設pc/index.html是pc端的網頁,mobile/index.html是移動端的網頁 在外部設定一個html進行判斷,分別跳轉; //判斷如果是pc端,自動跳到pc/index.html //安卓手機自動跳到mobile/
dedecms中PC和移動端後臺後,圖片路徑處理
dedecms中PC和移動端共用一個後臺時,因為上傳圖片預設是PC端根目錄下的相對路徑,這樣對於移動端來說圖片路徑就不對了,所以需要把上傳的縮圖和文章中的圖片路徑進行處理: 一:新增函式,在輸出時進行替換: 開啟include目錄下的檔案extend.func.php,新增
電腦pc、移動端、平板不同客戶端,呼叫不同頁面或者樣式
js程式碼如下 / 判斷是否為移動端執行環境 // wukong.name 20130716 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent)
html程式碼,通過識別pc端和移動端,跳轉到不同的頁面
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--引入需要的外掛放置自己
一個判斷語句,區分當前裝置是PC還是移動端
親測有效: if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { window.location.href = "https://www.baidu.com/"; // 這是移動端 } else
pc端,移動端,客戶端的區別
pc端與移動端的區別 1、從相容方面來說,pc考慮的是瀏覽器的相容性,移動端考慮的是手機相容性,因為目前不管是安卓還是ios手機,一般的瀏覽器都是webkit核心 2、從事件處理上說,移動端主要是觸屏事件,而缺少hover事件 3、從佈局上來說,移動端一般要做到佈局自適
讓Cas單點登入系統在移動端,PC端,javaweb以及前後端分離等場景下適用
說在前面:本來的cas單點登入系統是專門為javaweb所開發的,所以在支援javaweb,這樣說好彆扭,還是直接用Jsp代替吧,也就是說,我們在jsp方面是基本不用做太大改動的,需要修改認證方式,以及需要驗證票據等為數不多的修改。但是針對於其他方向,我們就該下一些功夫了,
自動識別PC端、移動端,並跳轉
PC端和移動端程式碼是分開的,各有一套程式碼的情況下: 在PC端的HTML檔案head標籤中間新增一段自動識別移動端的JavaScript程式碼: <script type="text/javascript"> if(/Android|webOS| iPhone | iPad | iPo
控制容器文字行數(pc和 移動端)
phone 行數 spa pre size 以及 :hover 框架 mx4 寫在前面的話: 對於文字的單行以及多行顯示,應該是經常用到的一個功能了,看下文吧~ pc 端: 1. 單行限制(兼容所有瀏覽器) 這裏加了一個 鼠標移入時顯示全部 的效果:
各主流瀏覽器(PC、移動端)userAgent屬性信息
ble 信息 ie 8 瀏覽器版本 實用 link row inux oppo PC: IE、QQ、chrome、firefox、360、safair 移動端:微信內置瀏覽器、QQ、獵豹、百度、UC、2345、系統自帶 PC: ie: Mozilla/5
判斷pc端或移動端並跳轉
navi ont itl back fun info func cat script 判斷pc端或移動端並跳轉 代碼目錄: index.html代碼: <!DOCTYPE html> <html lang="en"> <hea
掌握這7個點,讓你的移動端交互體驗更優秀
移動端設計 原型設計 產品經理 以下內容由Mockplus團隊翻譯整理,僅供學習交流,Mockplus是更快更簡單的原型設計工具。 移動端設計的質量好壞,其實並不難度量。當用戶可以流暢輕松地使用,不用耗費精力便可以完成各種任務,這就說明此款APP或者網站的設計足夠優