美文网首页
js 获取移动端常用信息

js 获取移动端常用信息

作者: 从不放弃 | 来源:发表于2017-08-16 22:17 被阅读28次

判断是否是安卓

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 地理定位 章节,用法还是很简单的。

相关文章

  • js 获取移动端常用信息

    判断是否是安卓 var isAndroid = /Android/i.test(navigator.userAge...

  • js-插件/框架

    1.swiper.js Swiper常用于移动端网站的内容触摸滑动 功能: 移动端轮播图 swiper.js...

  • js & jQuery 相关链接

    jquery获取当前页面的URL信息jQuery 教程移动端Web页面适配方案浅谈js运行机制(线程)JavaSc...

  • 移动端userAgent信息获取

    移动端userAgent举例: android:5.0 (Linux; Android 7.0; MIX Buil...

  • JSP九大内置对象

    request 用户获取客户端的信息 常用方法: object getAttribute(String name)...

  • H5移动端事件与设备宽度

    移动端获取设备宽度 基本上所有的移动端获取宽度,都是从getBoundingClientRect()对象上获取, ...

  • 综合

    现在pc端和移动端都有适应了,如果要pc和移动端都要的话,可以用js里面的 :js判断是移动端还是pc端,写两套吧...

  • 前端开发常用依赖及vsCode插件

    一、常用依赖 1. js-cookieCookie操作 2. lib-flexible移动端适配 3. vue-i...

  • web项目常用小工具(持续更新) - 草稿

    最近写项目时,要求在客户端输入时进行信息校验,下面是收集常用的几个JS正则表达式,以及java获取ip的方法亲测可...

  • 前端常用插件

    touch.js--百度开发移动端手势库 isscroll--js模拟上拉加载下拉刷新 hammer--移动端手势...

网友评论

      本文标题:js 获取移动端常用信息

      本文链接:https://www.haomeiwen.com/subject/nvpwrxtx.html