转-Android webview使用详解

android / By / 2015-07-31

 

自定义webview 先在构造函数里面设置背景透明，然后使用的地方xml里面设置android:background=”@android:color/white”会导致加载网页时候，webview的父布局透明

解决方法是在代码里面webview构造完后再设置webview背景白色

 

http://www.cnblogs.com/zgz345/p/3768174.html

 

1. 打开网页时不调用系统浏览器， 而是在本WebView中显示：

复制代码
mWebView.setWebViewClient(new WebViewClient(){
      @Override
      public boolean shouldOverrideUrlLoading(WebView view, String url) {
          view.loadUrl(url);
          return true;
      }
  });
复制代码

2. 通过java代码调用javascript

复制代码
WebSettings webSettings =   mWebView .getSettings();       
webSettings.setJavaScriptEnabled(true); 
mWebView.addJavascriptInterface(new Object() {       
            public void clickOnAndroid() {       
                mHandler.post(new Runnable() {       
                    public void run() {       
                        webview.loadUrl("javascript:wave()");       
                    }       
                });       
            }       
        }, "demo");
复制代码

3. 按返回键时， 不退出程序而是返回上一浏览页面：

复制代码
public boolean onKeyDown(int keyCode, KeyEvent event) {       
        if ((keyCode == KeyEvent.KEYCODE_BACK) &&   mWebView .canGoBack()) {       
            webview.goBack();       
                   return true;       
        }       
        return super.onKeyDown(keyCode, event);       
    }
复制代码

4. 打开页面时， 自适应屏幕：

WebSettings webSettings =   mWebView .getSettings();       
webSettings.setUseWideViewPort(true);//设置此属性，可任意比例缩放
webSettings.setLoadWithOverviewMode(true);

5. 便页面支持缩放：

WebSettings webSettings =   mWebView .getSettings();       
webSettings.setJavaScriptEnabled(true);  
webSettings.setBuiltInZoomControls(true);
webSettings.setSupportZoom(true);

6.如果webView中需要用户手动输入用户名、密码或其他，则webview必须设置支持获取手势焦点。

webview.requestFocusFromTouch();

7.WebView 加载界面主要调用三个方法：LoadUrl、LoadData、LoadDataWithBaseURL.

1、LoadUrl            直接加载网页、图片并显示.（本地或是网络上的网页、图片、gif）  
2、LoadData           显示文字与图片内容 （模拟器1.5、1.6）  
3、LoadDataWithBase  显示文字与图片内容（支持多个模拟器版本）

8.WebSettings 的常用方法介绍

复制代码
setJavaScriptEnabled(true);  //支持js

setPluginsEnabled(true);  //支持插件 

setUseWideViewPort(false);  //将图片调整到适合webview的大小 

setSupportZoom(true);  //支持缩放 

setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN); //支持内容重新布局  

supportMultipleWindows();  //多窗口 

setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);  //关闭webview中缓存 

setAllowFileAccess(true);  //设置可以访问文件 

setNeedInitialFocus(true); //当webview调用requestFocus时为webview设置节点

webview webSettings.setBuiltInZoomControls(true); //设置支持缩放 

setJavaScriptCanOpenWindowsAutomatically(true); //支持通过JS打开新窗口 

setLoadWithOverviewMode(true); // 缩放至屏幕的大小

setLoadsImagesAutomatically(true);  //支持自动加载图片
复制代码

9.WebViewClient 的方法全解

复制代码
doUpdateVisitedHistory(WebView view, String url, boolean isReload)  //(更新历史记录) 

onFormResubmission(WebView view, Message dontResend, Message resend) //(应用程序重新请求网页数据) 

onLoadResource(WebView view, String url) // 在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。 

onPageStarted(WebView view, String url, Bitmap favicon) //这个事件就是开始载入页面调用的，通常我们可以在这设定一个loading的页面，告诉用户程序在等待网络响应。 

onPageFinished(WebView view, String url) //在页面加载结束时调用。同样道理，我们知道一个页面载入完成，于是我们可以关闭loading 条，切换程序动作。 

onReceivedError(WebView view, int errorCode, String description, String failingUrl)// (报告错误信息) 

onReceivedHttpAuthRequest(WebView view, HttpAuthHandler handler, String host,String realm)//（获取返回信息授权请求） 
 
onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) //重写此方法可以让webview处理https请求。
 
onScaleChanged(WebView view, float oldScale, float newScale) // (WebView发生改变时调用) 

onUnhandledKeyEvent(WebView view, KeyEvent event) //（Key事件未被加载时调用） 

shouldOverrideKeyEvent(WebView view, KeyEvent event)//重写此方法才能够处理在浏览器中的按键事件。 

shouldOverrideUrlLoading(WebView view, String url) 
//在点击请求的是链接是才会调用，重写此方法返回true表明点击网页里面的链接还是在当前的webview里跳转，不跳到浏览器那边。这个函数我们可以做很多操作，比如我们读取到某些特殊的URL，于是就可以不打开地址，取消这个操作，进行预先定义的其他操作，这对一个程序是非常必要的。
复制代码

 

WebView处理网页位置请求

技术小黑屋 发表于 2014年10月01日 17:23 | Hits: 2114

随着移动设备的激增，LBS（Location Based Service）已然成为趋势，其最关键的还是获取设备的位置信息。native代码获取位置信息轻轻松松可以搞定，实际上网页获取位置信息也不是那么困难。

在HTML5中，提供了一套定位用户信息的接口，当然这个位置信息是通过客户端，准确说是浏览器获取的。

注意，位置信息属于个人隐私的范围，只有经过用户同意之后才能获取到信息。

网页如何实现请求位置信息

使用getCurrentPosition()方法来请求位置信息。 
下面是一个很简单的示例，来展示用户位置信息的经度和纬度。

lineos:false

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42

<!DOCTYPE html>
<html>
    <body>
  <p id="demo">Click the button to get your coordinates:</p>
  <button onclick="getLocation()">Try It</button>

  <script>
      var x = document.getElementById("demo");

      function getLocation() {
          console.info("getLocation working")
          if (navigator.geolocation) {
              navigator.geolocation.getCurrentPosition(showPosition,showError);
          } else {
              x.innerHTML = "Geolocation is not supported by this browser.";
            }
      }

      function showPosition(position) {
          x.innerHTML="Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
      }
      
      function showError(error) {
          switch(error.code) {
          case error.PERMISSION_DENIED:
              x.innerHTML = "User denied the request for Geolocation."
              break;
          case error.POSITION_UNAVAILABLE:
              x.innerHTML = "Location information is unavailable."
              break;
          case error.TIMEOUT:
              x.innerHTML = "The request to get user location timed out."
              break;
          case error.UNKNOWN_ERROR:
              x.innerHTML = "An unknown error occurred."
              break;
      }
}
    </script>

    </body>
</html>

示例阐述

  • 检测getLocation方法是否可用
  • 如果可以调用getCurrentPosition方法，否则提示浏览器不支持
  • 如果getCurrentPosition获取信息成功，返回一个坐标系的对象，并将这个对象作为参数传递到showPosition方法,如果失败，调用showError方法，并将错误码作为showError方法的参数。
  • showPosition方法展示经度和纬度信息
  • showError方法用来处理请求错误

上述部分参考自html5_geolocation w3cschool，更多高级操作请访问左侧链接。

WebView如何返回给网页

大致操作步骤

  • 在manifest中申请android.permission.ACCESS_FINE_LOCATION 或 android.permission.ACCESS_COARSE_LOCATION 权限。两者都有更好。
  • 设置webivew开启javascript功能，地理定位功能，设置物理定位数据库路径
  • 在onGeolocationPermissionsShowPrompt处理物理位置请求，常用的是提示用户，让用户决定是否允许。

使用的API

  • android.permission.ACCESS_FINE_LOCATION 通过GPS，基站，Wifi等获取精确的 位置信息。
  • android.permission.ACCESS_COARSE_LOCATION 通过基站，Wifi等获取错略的 位置信息。
  • onGeolocationPermissionsShowPrompt 位置信息请求回调，通常在这里弹出选择是否赋予权限的对话框
  • GeolocationPermissions.Callback.invoke(String origin, boolean allow, boolean remember)决定是否真正提供给网页信息，可根据用户的选择结果选择处理。

    实现代码

lineos:false

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

final WebView webView = new WebView(this);
addContentView(webView,  new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)  );
WebSettings settings = webView.getSettings();
settings.setJavaScriptEnabled(true);
settings.setGeolocationEnabled(true);
settings.setGeolocationDatabasePath(getFilesDir().getPath());
      
webView.setWebChromeClient(new WebChromeClient() {
  @Override
  public void onGeolocationPermissionsHidePrompt() {
      super.onGeolocationPermissionsHidePrompt();
      Log.i(LOGTAG, "onGeolocationPermissionsHidePrompt");
  }

  @Override
  public void onGeolocationPermissionsShowPrompt(final String origin,
                  final Callback callback) {
      AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
      builder.setMessage("Allow to access location information?");
      OnClickListener dialogButtonOnClickListener = new OnClickListener() {

          @Override
          public void onClick(DialogInterface dialog, int clickedButton) {
              if (DialogInterface.BUTTON_POSITIVE == clickedButton) {
                  callback.invoke(origin, true, true);
              } else if (DialogInterface.BUTTON_NEGATIVE == clickedButton) {
                  callback.invoke(origin, false, false);
              }
          }
      };
      builder.setPositiveButton("Allow", dialogButtonOnClickListener);
      builder.setNegativeButton("Deny", dialogButtonOnClickListener);
      builder.show();
      super.onGeolocationPermissionsShowPrompt(origin, callback);
      Log.i(LOGTAG, "onGeolocationPermissionsShowPrompt");
  }
});
webView.loadUrl("file:///android_asset/geolocation.html");

疑问解答

I/SqliteDatabaseCpp(21863): sqlite returned: error code = 14

原因是你没有设置setGeolocationDatabasePath，按照上面例子设置即可。

点击之后没有任何变化

  • 检查代码是否按照上面一样，是否有错误。
  • 在第一次请求的是否，需要的反应时间比较长。

检测定位服务是否可用

当GPS_PROVIDER和NETWORK_PROVIDER有一者可用，定位服务就可以用，当两者都不能用时，即定位服务不可以用。 
注意PASSIVE_PROVIDER不能作为定位服务可用的标志。因为这个provider只会返回其他Provider提供的位置信息，自己无法定位。

lineos:false

1
2
3
4
5
6
7

private void testGeolocationOK() {
      LocationManager manager = (LocationManager)getSystemService(Context.LOCATION_SERVICE);
      boolean gpsProviderOK = manager.isProviderEnabled(LocationManager.GPS_PROVIDER);
      boolean networkProviderOK = manager.isProviderEnabled(LocationManager.NETWORK_PROVIDER);
      boolean geolocationOK = gpsProviderOK && networkProviderOK;
      Log.i(LOGTAG, "gpsProviderOK = " + gpsProviderOK + "; networkProviderOK = " + networkProviderOK + "; geoLocationOK=" + geolocationOK);
}

跳转到位置设置界面

我们只需要发送一个简单的隐式intent即可启动位置设置界面

lineos:false

1
2

Intent intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
startActivity(intent);

示例代码

百度云盘

分类: Android