Android · 2016年11月21日 0

Android webview使用详解

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()) {       
            mWebView.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,于是就可以不打开地址,取消这个操作,进行预先定义的其他操作,这对一个程序是非常必要的。
复制代码
android webview设置自适应任意大小的pc网页
 
webview自适应setUseWideViewPortsetLayoutAlgorithmwebSettingsandroid webview
[html] view plaincopyprint?
              WebSettings webSettings = view.getSettings();  
webSettings.setJavaScriptEnabled(true);  

// User settings          
  
webSettings.setJavaScriptEnabled(true);  
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);  
webSettings.setUseWideViewPort(true);//关键点  
  
webSettings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);  
      
webSettings.setDisplayZoomControls(false);  
webSettings.setJavaScriptEnabled(true); // 设置支持javascript脚本  
webSettings.setAllowFileAccess(true); // 允许访问文件  
webSettings.setBuiltInZoomControls(true); // 设置显示缩放按钮  
webSettings.setSupportZoom(true); // 支持缩放  

webSettings.setLoadWithOverviewMode(true);  
  
DisplayMetrics metrics = new DisplayMetrics();  
  getWindowManager().getDefaultDisplay().getMetrics(metrics);  
  int mDensity = metrics.densityDpi;  
  Log.d("maomao", "densityDpi = " + mDensity);  
  if (mDensity == 240) {   
   webSettings.setDefaultZoom(ZoomDensity.FAR);  
  } else if (mDensity == 160) {  
     webSettings.setDefaultZoom(ZoomDensity.MEDIUM);  
  } else if(mDensity == 120) {  
   webSettings.setDefaultZoom(ZoomDensity.CLOSE);  
  }else if(mDensity == DisplayMetrics.DENSITY_XHIGH){  
   webSettings.setDefaultZoom(ZoomDensity.FAR);   
  }else if (mDensity == DisplayMetrics.DENSITY_TV){  
   webSettings.setDefaultZoom(ZoomDensity.FAR);   
  }else{  
      webSettings.setDefaultZoom(ZoomDensity.MEDIUM);  
  }  

/**  
 * 用WebView显示图片,可使用这个参数 设置网页布局类型: 1、LayoutAlgorithm.NARROW_COLUMNS :  
 * 适应内容大小 2、LayoutAlgorithm.SINGLE_COLUMN:适应屏幕,内容将自动缩放  
 */  
webSettings.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);  

其中关键是以下设置属性
webSettings.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);
webSettings.setUseWideViewPort(true);

这样的话如果你的PC网页里面没有设置 meta标签 viewport的缩放设置也没有关系。

常用的 viewport meta 如下:

1    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />    

1、width : 控制viewport的大小,可以指定一个值,如600, 或者特殊的值,如device-width为设备的宽度(单位为缩放为100%的CSS的像素)

2、height : 和width相对应,指定高度

3、initial-scale : 初始缩放比例,页面第一次加载时的缩放比例

4、maximum-scale : 允许用户缩放到的最大比例,范围从0到10.0

5、minimum-scale : 允许用户缩放到的最小比例,范围从0到10.0

6、user-scalable : 用户是否可以手动缩放,值可以是:①yes、 true允许用户缩放;②no、false不允许用户缩放




WebSettings用于管理WebView状态配置,当WebView第一次被创建时,WebView包含着一个默认的配置,这些默认的配置将通过get方法返回,通过WebView中的getSettings方法获得一个WebSettings对象,如果一个WebView被销毁,在WebSettings中所有回调方法将抛出IllegalStateException异常。

1、setSupportZoom(boolean support)

设置WebView是否支持使用屏幕控件或手势进行缩放,默认是true,支持缩放。

  1. getSettings.setSupportZoom(false);

2、setMediaPlaybackRequiresUserGesture(boolean require)

设置WebView是否通过手势触发播放媒体,默认是true,需要手势触发。

  1. getSettings.setMediaPlaybackRequiresUserGesture(false);

3、setBuiltInZoomControls(boolean enabled)

设置WebView是否使用其内置的变焦机制,该机制集合屏幕缩放控件使用,默认是false,不使用内置变焦机制。

  1. getSettings.setBuiltInZoomControls(true);

4、setDisplayZoomControls(boolean enabled)

设置WebView使用内置缩放机制时,是否展现在屏幕缩放控件上,默认true,展现在控件上。

  1. getSettings.setDisplayZoomControls(false);

5、setAllowFileAccess(boolean allow)

设置在WebView内部是否允许访问文件,默认允许访问。

  1. getSettings.setAllowFileAccess(false);

6、setAllowContentAccess(boolean allow)

设置WebView是否使用其内置的变焦机制,该机制结合屏幕缩放控件使用,默认是false,不使用内置变焦机制。

  1. getSettings.setAllowContentAccess(false);

7、setLoadWithOverviewMode(boolean overview)

设置WebView是否使用预览模式加载界面。

  1. getSettings.setLoadWithOverviewMode(false);

8、setSaveFormData(boolean save)

设置WebView是否保存表单数据,默认true,保存数据。

  1. getSettings.setSaveFormData(false);

9、setTextZoom(int textZoom)

设置WebView中加载页面字体变焦百分比,默认100,整型数。

  1. getSettings.setTextZoom(100);

10、setAcceptThirdPartyCookies(boolean accept)

设置WebView访问第三方Cookies策略,参考CookieManager提供的方法:setShouldAcceptThirdPartyCookies。

  1. getSettings.setAcceptThirdPartyCookies(false);

11、setUseWideViewPort(boolean use)

设置WebView是否使用viewport,当该属性被设置为false时,加载页面的宽度总是适应WebView控件宽度;当被设置为true,当前页面包含viewport属性标签,在标签中指定宽度值生效,如果页面不包含viewport标签,无法提供一个宽度值,这个时候该方法将被使用。

  1. getSettings.setUseWideViewPort(false);

12、setSupportMultipleWindows(boolean support)

设置WebView是否支持多屏窗口,参考WebChromeClient#onCreateWindow,默认false,不支持。

  1. getSettings.setSupportMultipleWindows(true);

13、setLayoutAlgorithm(LayoutAlgorithm l)

设置WebView底层的布局算法,参考LayoutAlgorithm#NARROW_COLUMNS,将会重新生成WebView布局

  1. getSettings.setLayoutAlgorithm(LayoutAlgorithm l);

14、setStandardFontFamily(String font)

设置WebView标准字体库字体,默认字体“sans-serif”。

  1. getSettings.setStandardFontFamily(“sans-serif”);

15、setFixedFontFamily(String font)

设置WebView固定的字体库字体,默认“monospace”。

  1. getSettings.setFixedFontFamily(“monospace”);

16、setSansSerifFontFamily(String font)

设置WebView Sans SeriFontFamily字体库字体,默认“sans-serif”。

  1. getSettings.setSansSerifFontFamily(“sans-serif”);

17、setSerifFontFamily(String font)

设置WebView seri FontFamily字体库字体,默认“sans-serif”。

  1. getSettings.setSansSerifFontFamily(“sans-serif”);

18、setCursiveFontFamily(String font)

设置WebView字体库字体,默认“cursive”

  1. getSettings.setCursiveFontFamily(“cursive”);

19、setFantasyFontFamily(String font)

设置WebView字体库字体,默认“fantasy”。

  1. getSettings.setFantasyFontFamily(“fantasy”);

20、setMinimumFontSize(int size)

设置WebView字体最小值,默认值8,取值1到72

  1. getSettings.setMinimumFontSize(8);

21、setMinimumLogicalFontSize(int size)

设置WebView逻辑上最小字体值,默认值8,取值1到72

  1. getSettings.setMinimumLogicalFontSize(8);

22、setDefaultFontSize(int size)

设置WebView默认值字体值,默认值16,取值1到72

  1. getSettings.setDefaultFontSize(16);

23、setDefaultFixedFontSize(int size)

设置WebView默认固定的字体值,默认值16,取值1到72

  1. getSettings.setDefaultFixedFontSize(16);

24、setLoadsImagesAutomatically(boolean flag)

设置WebView是否加载图片资源,默认true,自动加载图片

  1. getSettings.setLoadsImagesAutomatically(false);

25、setBlockNetworkImage(boolean flag)

设置WebView是否以http、https方式访问从网络加载图片资源,默认false

  1. getSettings.setBlockNetworkImage(true);

26、setBlockNetworkLoads(boolean flag)

设置WebView是否从网络加载资源,Application需要设置访问网络权限,否则报异常

  1. getSettings.setBlockNetworkLoads(true);

27、setJavaScriptEnabled(boolean flag)

设置WebView是否允许执行JavaScript脚本,默认false,不允许

  1. getSettings.setJavaScriptEnabled(true);

28、setAllowUniversalAccessFromFileURLs(boolean flag)

设置WebView运行中的脚本可以是否访问任何原始起点内容,默认true

  1. getSettings.setAllowUniversalAccessFromFileURLs(false);

29、setAllowFileAccessFromFileURLs(boolean flag)

设置WebView运行中的一个文件方案被允许访问其他文件方案中的内容,默认值true

  1. getSettings.setAllowFileAccessFromFileURLs(false);

30、setGeolocationDatabasePath(String databasePath)

设置WebView保存地理位置信息数据路径,指定的路径Application具备写入权限

  1. getSettings.setGeolocationDatabasePath(String path);

31、setAppCacheEnabled(boolean flag)

设置Application缓存API是否开启,默认false,设置有效的缓存路径参考setAppCachePath(String path)方法

  1. getSettings.setAppCacheEnabled(true);

32、setAppCachePath(String appCachePath)

设置当前Application缓存文件路径,Application Cache API能够开启需要指定Application具备写入权限的路径

  1. getSettings.setAppCachePath(String appCachePath);

33、setDatabaseEnabled(boolean flag)

设置是否开启数据库存储API权限,默认false,未开启,可以参考setDatabasePath(String path)

  1. getSettings.setDatabaseEnabled(false);

34、setDomStorageEnabled(boolean flag)

设置是否开启DOM存储API权限,默认false,未开启,设置为true,WebView能够使用DOM storage API

  1. getSettings.setDomStorageEnabled(true);

35、setGeolocationEnabled(boolean flag)

设置是否开启定位功能,默认true,开启定位

  1. getSettings.setGeolocationEnabled(false);

36、setJavaScriptCanOpenWindowsAutomatically(boolean flag)

设置脚本是否允许自动打开弹窗,默认false,不允许

  1. getSettings.setJavaScriptCanOpenWindowsAutomatically(true);

37、setDefaultTextEncodingName(String encoding)

设置WebView加载页面文本内容的编码,默认“UTF-8”。

  1. getSettings.setDefaultTextEncodingName(“UTF-8”);

38、setUserAgentString(String ua)

设置WebView代理字符串,如果String为null或为空,将使用系统默认值

  1. getSettings.setUserAgentString(String ua);

39、setNeedInitialFocus(boolean flag)

设置WebView是否需要设置一个节点获取焦点当被回调的时候,默认true

  1. getSettings.setNeedInitialFocus(false);

40、setCacheMode(int mode)

重写缓存被使用到的方法,该方法基于Navigation Type,加载普通的页面,将会检查缓存同时重新验证是否需要加载,如果不需要重新加载,将直接从缓存读取数据,允许客户端通过指定LOAD_DEFAULT、LOAD_CACHE_ELSE_NETWORK、LOAD_NO_CACHE、LOAD_CACHE_ONLY其中之一重写该行为方法,默认值LOAD_DEFAULT

  1. getSettings.setCacheMode(WebSettings.LOAD_DEFAULT);

41、setMixedContentMode(int mode)

设置当一个安全站点企图加载来自一个不安全站点资源时WebView的行为,android.os.Build.VERSION_CODES.KITKAT默认为MIXED_CONTENT_ALWAYS_ALLOW,android.os.Build.VERSION_CODES#LOLLIPOP默认为MIXED_CONTENT_NEVER_ALLOW,取值其中之一:MIXED_CONTENT_NEVER_ALLOW、MIXED_CONTENT_ALWAYS_ALLOW、MIXED_CONTENT_COMPATIBILITY_MODE.

  1. getSettings.setMixedContentMode(WebSettings.MIXED_CONTENT_COMPATIBILITY_MODE);

Share this: