JS 判斷瀏覽器類型,獲取位置信息,如何讓手機(jī)震動(dòng)

正如標(biāo)題所說,這篇文章就是來告訴大家怎么去解決這個(gè)三個(gè)問題。

答案是使用JavaScript 中的navigator 對(duì)象。

這個(gè)對(duì)象可以做很多事情

判斷是否是安卓

var isAndroid = /Android/i.test(navigator.userAgent);

判斷是否是IOS系統(tǒng)

var isIOS = /iPhone|iPad|iPod/i.test(navigator.userAgent);

判斷是否是手機(jī)瀏覽器

var isMobile = /mobi/i.test(navigator.userAgent.toLowerCase());

console.log(isAndroid);

console.log(isIOS);

console.log(isMobile);

判斷是否正常聯(lián)網(wǎng)

navigator.onLine // true

讓手機(jī)震動(dòng)

首先判斷瀏覽器是否支持

var supportsVibrate = "vibrate" in navigator;

if(supportsVibrate){

// 振動(dòng)1秒

navigator.vibrate(1000);

} else {

console.log('不支持震動(dòng)');

}

震動(dòng)多次還可以傳數(shù)組

// 參數(shù)分別是震動(dòng)3秒,等待2秒,然后振動(dòng)1秒

navigator.vibrate([3000, 2000, 1000]);

如果想停止震動(dòng),你只需要向navigator.vibrate方法里傳入0,或一個(gè)空數(shù)組:

navigator.vibrate(0);navigator.vibrate([]);

獲取地理位置信息

navigator.geolocation.getCurrentPosition(); 在pc端使用誤差挺大的。手機(jī)上測(cè)試經(jīng)度還是不錯(cuò)的,當(dāng)然還可以通過配置enableHighAcuracy設(shè)置為高經(jīng)度模式,默認(rèn)為false。

navigator.geolocation.getCurrentPosition(locationSuccess, locationError, {

enableHighAcuracy: true,

timeout: 5000,

maximumAge: 3000 });

具體使用方法可以參見w3cshool中HTML5 地理定位 章節(jié),用法還是很簡(jiǎn)單的。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 判斷是否是安卓 var isAndroid = /Android/i.test(navigator.userAge...
    從不放棄閱讀 1,171評(píng)論 0 0
  • var city; function getCity() { //判斷瀏覽器是否支持geolocation if(...
    記憶的傷痕閱讀 2,516評(píng)論 0 1
  • 個(gè)人博客:https://yeaseonzhang.github.io 花了半個(gè)多月的時(shí)間,終于又把“JS紅寶書”...
    Yeaseon閱讀 1,850評(píng)論 2 23
  • ??判斷是不是移動(dòng)設(shè)備瀏覽現(xiàn)如今各種終端越來越多,用戶可以隨時(shí)隨地在任何設(shè)備上查看優(yōu)質(zhì)的網(wǎng)頁(yè),但是這對(duì)于前端程序員...
    商洛小精靈閱讀 930評(píng)論 0 2
  • 如果你沒有核心競(jìng)爭(zhēng)力 還天天想著發(fā)財(cái) 那只能是癡人說夢(mèng) 不管是在什么時(shí)代 如果你沒有價(jià)值 沒有人會(huì)慣著你 你的朋友...
    亞彪閱讀 919評(píng)論 0 0

友情鏈接更多精彩內(nèi)容