如标题所说，这篇文章就是来告诉大家怎么去解决这个三个问题。

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

来越多的开发者热衷于使用html5+JavaScript开发移动Web App。不过，HTML5 Web APP的出现能否在未来取代移动应用，就目前来说，还是个未知数。那么，有什么办法，既可以使用HTMl5开发应 用，又可以将其简单封装成APK文件呢？

一、Android SDK中的WebView

1.在要Activity中实例化WebView组件：WebView webView=new WebView(this);

2.调用WebView的loadUrl()方法，设置WevView要显示的网页：

? 互联网用：webView.loadUrl("http://www.qietu.com");

? 本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。

? <uses-permission android:name="android.permission.INTERNET" />

缺点：如果是载入的是普通网页，没有什么问题，但如果是html5,封装后，在android2.3以上才能正常访问，android2.2及以下，SDK中的WebView还没完全支持HTML5

下面是具体例子：

MainActivity.java

??? package com.android.webview.activity; ?

??? import android.app.Activity; ?

??? import android.os.Bundle; ?

??? import android.view.KeyEvent; ?

??? import android.webkit.WebView; ?

??? public class MainActivity extends Activity { ?

??????? private WebView webview; ?

??????? @Override

??????? public void onCreate(Bundle savedInstanceState) { ?

??????????? super.onCreate(savedInstanceState); ?

??????????? //实例化WebView对象 ?

??????????? webview=new WebView(this); ?

??????????? //设置WebView属性，能够执行Javascript脚本 ?

??????????? webview.getSettings().setJavaScriptEnabled(true); ?

??????????? //加载需要显示的网页 ?

??????????? webview.loadUrl("http://www.qietu.com/"); ?

??????????? //设置Web视图 ?

??????????? setContentView(webview); ?

??????? } ?

??????? @Override

??????? //设置回退 ?

??????? //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法 ?

??????? public boolean onKeyDown(int keyCode, KeyEvent event) { ?

??????????? if ((keyCode==KeyEvent.KEYCODE_BACK) && webview.canGoBack()) { ?

??????????????? webview.goBack(); //goBack()表示返回WebView的上一页面 ?

??????????????? return true; ?

??????????? } ?

??????????? return false; ?

??? }

在AndroidManifest.xml文件中添加权限

??? <?xml version="1.0" encoding="utf-8"?>

??? <manifest xmlns:android="http://schemas.android.com/apk/res/android"

????????? package="com.android.webview.activity"

????????? android:versionCode="1"

????????? android:versionName="1.0">

??????? <uses-sdk android:minSdkVersion="10" />

??????? <application android:icon="@drawable/icon" android:label="@string/app_name">

??????????? <activity android:name=".MainActivity"

????????????????????? android:label="@string/app_name">

??????????????? <intent-filter>

??????????????????? <action android:name="android.intent.action.MAIN" />

??????????????????? <category android:name="android.intent.category.LAUNCHER" />

??????????????? </intent-filter>

??????????? </activity>

??????? </application>

??????? <uses-permission android:name="android.permission.INTERNET"/>

??? </manifest>

二、使用PhoneGap

??? PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用 iPhone，Android，Palm，Symbian,WP7,Bada和Blackberry智能手机的核心功能——包括地理定位，加速器，联系 人，声音和振动等，此外PhoneGap拥有丰富的插件，可以以此扩展无限的功能。PhoneGap是免费的，但是它需要特定平台提供的附加软件，例如 iPhone的iPhone SDK，Android的Android SDK等，

详细方法请见：http://phonegap.com/start#android

优点：在Eclipse中加入SDK，编程自由，完美适应不同设备屏幕大小，适合高手使用。

缺点：没有使用布局，直接加载网页，不能添加广告。

----------------

切图网（qietu.com）最早将psd转html服务模式带到国内，并首个提供响应式、webapp前端开发的公司。专注web前端开发技术，关注用户体验，加我们公众微信账号：qietuwang（长按复制）