网站首页 > 基础教程 正文
正如标题所说,这篇文章就是来告诉大家怎么去解决这个三个问题。
答案是使用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 地理定位 章节,用法还是很简单的。
猜你喜欢
- 2024-11-08 Cordova+Vue实现混合开发,超详细
- 2024-11-08 Android WebView 详解 1 android webview ua
- 2024-11-08 前端必须会的基本知识技巧! 前端必须会的基本知识技巧有哪些
- 2024-11-08 [Python数据采集]超越 Selenium:探索 Playwright 的强大自动化功能
- 2024-11-08 使用Hbuilder构建跨平台的移动App
- 2024-11-08 如何使用Playwright优化测试性能 playwright安装
- 2024-11-08 前端开发79条知识点汇总 前端开发79条知识点汇总
- 2024-11-08 未来网站开发必备:14个让你惊艳的JavaScript Web API!
- 2024-11-08 web前端tips:HTML5部分新特性介绍
- 2024-11-08 7 个你不知道的秘密 JavaScript Web-API
- 最近发表
- 标签列表
-
- gitpush (61)
- pythonif (68)
- location.href (57)
- tail-f (57)
- pythonifelse (59)
- deletesql (62)
- c++模板 (62)
- css3动画 (57)
- c#event (59)
- linuxgzip (68)
- 字符串连接 (73)
- nginx配置文件详解 (61)
- html标签 (69)
- c++初始化列表 (64)
- exec命令 (59)
- canvasfilltext (58)
- mysqlinnodbmyisam区别 (63)
- arraylistadd (66)
- node教程 (59)
- console.table (62)
- c++time_t (58)
- phpcookie (58)
- mysqldatesub函数 (63)
- window10java环境变量设置 (66)
- c++虚函数和纯虚函数的区别 (66)