js判斷移動端與pc端

guyan0319 發布于2019-08-20 13:44 / 2936人閱讀

摘要：這里介紹使用插件來判斷移動端設備地址示例移動端地址移動端端地址端更多設備判斷如下表格可以使用冒號來定義對齊方式移動端設備方向判斷有公眾號啦歡迎關注，不定期推薦前端技術

這里介紹使用device.js插件來判斷移動端設備

地址：https://github.com/matthewhud...

示例：

if(device.mobile()){

    window.location.href="移動端地址";

    //alert("移動端");

} else {

    window.location.href="PC端地址";

    //alert("PC端");

}

更多設備判斷如下表格：　

Device	JavaScript Method
Mobile	device.mobile()
Tablet	device.tablet()
Desktop	device.desktop()
iOS	device.ios()
iPad	device.ipad()
iPhone	device.iphone()
iPod	device.ipod()
Android	device.android()
Android Phone	device.androidPhone()
Android Tablet	device.androidTablet()
BlackBerry	device.blackberry()
BlackBerry Phone	device.blackberryPhone()
BlackBerry Tablet	device.blackberryTablet()
Windows	device.windows()
Windows Phone	device.windowsPhone()
Windows Tablet	device.windowsTablet()
Firefox OS	device.fxos()
Firefox OS Phone	device.fxosPhone()
Firefox OS Tablet	device.fxosTablet()
MeeGo	device.meego()
Television	device.television()

可以使用冒號來定義對齊方式：

Device	CSS Classes
iPad	ios ipad tablet
iPhone	ios iphone mobile
iPod	ios ipod mobile
Android Phone	android mobile
Android Tablet	android tablet
BlackBerry Phone	blackberry mobile
BlackBerry Tablet	blackberry tablet
Windows Phone	windows mobile
Windows Tablet	windows tablet
Firefox OS Phone	fxos mobile
Firefox OS Tablet	fxos tablet
MeeGo	meego
Desktop	desktop
Television	television

移動端設備方向判斷:

Orientation	JavaScript Method
Landscape	device.landscape()
Portrait	device.portrait()

有公眾號啦！！！歡迎關注，不定期推薦前端技術！！！

云服務器 GPU云服務器 pc端與手機端webrtc打不通 js判斷移動端 php判斷移動端訪問 c服務器端與手機端

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81214.html

移動端復制文本到粘貼板，clipboard.js的使用，移動端與PC端復制粘貼兼容寫法

摘要：首先引用文本文檔要用復制按鈕要用去掉文字檢查，不可編輯，插件自帶的屬性樣式代碼至此，兼容移動端和端的復制粘貼功能完美實現，感謝作者作者來源原文版權聲明本文為博主原創文章，轉載請附上博文鏈接 1.首先引用clipboard.js 2.html 文本文檔要用textarea,復制按鈕要用button 9999999 spellcheck=false去掉文字檢查，readonly不可編輯...

legendmohe 2019-08-23 16:28 評論0 收藏0
移動端復制文本到粘貼板，clipboard.js的使用，移動端與PC端復制粘貼兼容寫法

摘要：首先引用文本文檔要用復制按鈕要用去掉文字檢查，不可編輯，插件自帶的屬性樣式代碼至此，兼容移動端和端的復制粘貼功能完美實現，感謝作者作者來源原文版權聲明本文為博主原創文章，轉載請附上博文鏈接 1.首先引用clipboard.js 2.html 文本文檔要用textarea,復制按鈕要用button 9999999 spellcheck=false去掉文字檢查，readonly不可編輯...

Caicloud 2019-08-02 16:09 評論0 收藏0
移動端復制文本到粘貼板，clipboard.js的使用，移動端與PC端復制粘貼兼容寫法

摘要：首先引用文本文檔要用復制按鈕要用去掉文字檢查，不可編輯，插件自帶的屬性樣式代碼至此，兼容移動端和端的復制粘貼功能完美實現，感謝作者作者來源原文版權聲明本文為博主原創文章，轉載請附上博文鏈接 1.首先引用clipboard.js 2.html 文本文檔要用textarea,復制按鈕要用button 9999999 spellcheck=false去掉文字檢查，readonly不可編輯...

kid143 2019-08-30 15:43 評論0 收藏0
前端如何高效的與后端協作開發

摘要：移動端應用一般都運行在微信瀏覽器中中手機瀏覽器中。因為微信瀏覽器是定制的瀏覽器，一般的遠程調試方式都不可用，需要配合特定的工具，如微信開發者工具。前端如何高效的與后端協作開發 1. 前后端分離前端與后端的分離，能使前端的開發脫離后端的開發模式，擁有更大的自由度，以此便可做前端工程化、組件化、單頁面應用等。可以參考：前后端分離、web與static服務器分離 2. 盡量避免后端模板...

rozbo 2019-08-29 17:08 評論0 收藏0