JS 判斷瀏覽器類型,獲取位置信息,如何讓手機震動

正如標題所說,這篇文章就是來告訴大家怎么去解決這個三個問題。

答案是使用JavaScript 中的navigator 對象。

這個對象可以做很多事情

判斷是否是安卓

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

判斷是否是IOS系統

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

判斷是否是手機瀏覽器

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

console.log(isAndroid);

console.log(isIOS);

console.log(isMobile);

判斷是否正常聯網

navigator.onLine // true

讓手機震動

首先判斷瀏覽器是否支持

var supportsVibrate = "vibrate" in navigator;

if(supportsVibrate){

// 振動1秒

navigator.vibrate(1000);

} else {

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

}

震動多次還可以傳數組

// 參數分別是震動3秒,等待2秒,然后振動1秒

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

如果想停止震動,你只需要向navigator.vibrate方法里傳入0,或一個空數組:

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

獲取地理位置信息

navigator.geolocation.getCurrentPosition(); 在pc端使用誤差挺大的。手機上測試經度還是不錯的,當然還可以通過配置enableHighAcuracy設置為高經度模式,默認為false。

navigator.geolocation.getCurrentPosition(locationSuccess, locationError, {

enableHighAcuracy: true,

timeout: 5000,

maximumAge: 3000 });

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容