webview 常用方法

 
  package com.orgcent.webview;  
  
import android.app.Activity;  
import android.os.Bundle;  
import android.webkit.JsPromptResult;  
import android.webkit.JsResult;  
import android.webkit.WebChromeClient;  
import android.webkit.WebSettings;  
import android.webkit.WebView;  
import android.webkit.WebViewClient;  
import android.webkit.WebSettings.LayoutAlgorithm;  
  
public class AndroidWebViewActivity extends Activity {  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
  
        WebView content_wv = (WebView) findViewById(R.id.content_wv);  
        WebSettings ws = content_wv.getSettings();  
        ws.setJavaScriptEnabled(true); // 设置支持javascript脚本  
        ws.setAllowFileAccess(true); // 允许访问文件  
        ws.setBuiltInZoomControls(true); // 设置显示缩放按钮  
        ws.setSupportZoom(true); //支持缩放  
  
        /** 
         * 用WebView显示图片，可使用这个参数 
         * 设置网页布局类型： 
         * 1、LayoutAlgorithm.NARROW_COLUMNS ： 适应内容大小 
         * 2、LayoutAlgorithm.SINGLE_COLUMN:适应屏幕，内容将自动缩放 
         */  
        ws.setLayoutAlgorithm(LayoutAlgorithm.NARROW_COLUMNS);  
        ws.setDefaultTextEncodingName("utf-8"); //设置文本编码  
        ws.setAppCacheEnabled(true);  
        ws.setCacheMode(WebSettings.LOAD_DEFAULT);//设置缓存模式  
  
        //添加Javascript调用java对象  
        content_wv.addJavascriptInterface(this, "java2js");  
        content_wv.setWebViewClient(new WebViewClientDemo());  
        content_wv.setWebChromeClient(new WebViewChromeClientDemo());  
        //设置打开的网页  
        content_wv.loadUrl("http://orgcent.com");  
        //使用WebView来显示图片  
        content_wv.loadData("<img src='http://orgcent.com'/>", "text/html", "utf8");  
    }  
  
    private class WebViewClientDemo extends WebViewClient {  
        @Override  
        public boolean shouldOverrideUrlLoading(WebView view, String url) {  
            view.loadUrl(url);// 当打开新链接时，使用当前的 WebView，不会使用系统其他浏览器  
            return true;  
        }  
    }  
  
    private class WebViewChromeClientDemo extends WebChromeClient {  
        // 设置网页加载的进度条  
        public void onProgressChanged(WebView view, int newProgress) {  
        }  
  
        // 获取网页的标题  
        public void onReceivedTitle(WebView view, String title) {  
        }  
  
        // JavaScript弹出框  
        @Override  
        public boolean onJsAlert(WebView view, String url, String message,  
                JsResult result) {  
            return super.onJsAlert(view, url, message, result);  
        }  
  
        // JavaScript输入框  
        @Override  
        public boolean onJsPrompt(WebView view, String url, String message,  
                String defaultValue, JsPromptResult result) {  
            return super.onJsPrompt(view, url, message, defaultValue, result);  
        }  
  
        // JavaScript确认框  
        @Override  
        public boolean onJsConfirm(WebView view, String url, String message,  
                JsResult result) {  
            return super.onJsConfirm(view, url, message, result);  
        }  
    }  
  
}  
 
 

（1）// 设置支持javascript脚本

mWebView.getSettings().setJavaScriptEnabled(true);

（2）// 支持通过js打开新的窗口

mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

（3）当我们加载Html时候，会在我们data/应用package下生成database与cache两个文件夹:

1、缓存构成
/data/data/package_name/cache/
/data/data/package_name/database/webview.db

/data/data/package_name/database/webviewCache.db

缓存模式(5种)
LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据
LOAD_DEFAULT: 根据cache-control决定是否从网络上取数据。
LOAD_CACHE_NORMAL: API level 17中已经废弃, 从API level 11开始作用同LOAD_DEFAULT模式
LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.
LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者no-cache，都使用缓存中的数据。

eg:mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

—————————————————————————————————————————————————————————————

(4)mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);

1.这段代码设定了WebView的HTML布局方式，其中包含了下面的三个参数值
NORMAL：正常显示，没有渲染变化。
SINGLE_COLUMN：把所有内容放到WebView组件等宽的一列中。 //这个是强制的，把网页都挤变形了
NARROW_COLUMNS：可能的话，使所有列的宽度不超过屏幕宽度。 //好像是默认的

2.Android中Webview自适应屏幕

第一种：

WebSetting settings = webView.getSettings();

settings.setLayoutAlgorithm(LayoutAlgorithm.SINGLE_COLUMN);

把所有内容放在webview等宽的一列中。（可能会出现页面中链接失效）

第二种：

settings.setUseWideViewPort(true);

settings.setLoadWithOverviewMode(true);

第三种：

DisplayMetrics metrics = new DisplayMetrics();

getWindowManager().getDefaultDisplay().getMetrics(metrics);

int mDensity = metrics.densityDpi;www.2cto.com

if (mDensity == 120) {

settings.setDefaultZoom(ZoomDensity.CLOSE);

}else if (mDensity == 160) {

settings.setDefaultZoom(ZoomDensity.MEDIUM);

}else if (mDensity == 240) {

settings.setDefaultZoom(ZoomDensity.FAR);

}

—————————————————————————————————————————————————————————————

（5）mWebView.setHorizontalScrollBarEnabled(true); mWebView.setVerticalScrollBarEnabled(true); //设置是否显示滚动条

（6）mWebView.getSettings().setUserAgentString(USER_AGENT_STRING);// 设置支持各种不同的设备

(7)WebView显示html文件时，若要达到和PC上浏览器显示的效果完全一样，只需对WebView做一下设置即可：

适应全屏

39 适应竖屏

57 适应横屏

mWebView.setInitialScale(39);

注意的是：html如果字体太小则在Android手机上显示的就很小。一般为6、7号字体

eg:mWebView.setInitialScale(39);—————————————————————————————————————————————————————————————

(8)1.setPluginsEnabled现在已经不再支持，改为WebView.getSettings().setPluginState(WebSettings.PluginState.ON);，不过18版本以后也不再支持了因为adobe 不再开发flash新的移动版了。

eg:mWebView.getSettings().setPluginState(WebSettings.PluginState.ON);

(9)mWebView.getSettings().setDefaultTextEncodingName("GB2312") ; //设置字符编码集

（10）设置该视图的滚动模式 void setOverScrollMode(int mode)

eg:mWebView.setOverScrollMode(View.OVER_SCROLL_IF_CONTENT_SCROLLS);

(11) mWebView.setScrollBarStyle //设置滚动条风格

eg:mWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY); //取消滚动条

(12)mWebView.getSettings().setSupportZoom(true); // 设置可以支持缩放

(13)mWebView.getSettings().setBuiltInZoomControls(true);// 设置出现缩放工具

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

(15)//mWebView.loadUrl("http://www.pconline.com.cn/"); //设置加载页面

实例：

[java]view plain copy
package com.channel.economic.ui;  
  
import android.annotation.SuppressLint;  
import android.content.Intent;  
import android.graphics.Bitmap;  
import android.os.Bundle;  
import android.text.TextUtils;  
import android.view.View;  
import android.webkit.WebSettings;  
import android.webkit.WebView;  
import android.webkit.WebViewClient;  
import butterknife.ButterKnife;  
import butterknife.InjectView;  
  
import com.channel.economic.Config;  
import com.channel.economic.R;  
import com.channel.economic.util.Log;  
import com.channel.economic.view.ProgressWebView;  
  
/** 
 * webview 
 * 
 * Created by huagt on 14-12-21. 
 */  
public class WebViewUI extends AbsActionUI {  
  
    /** 
     * 需要加载的网页 
     */  
    public static final String KEY_LOAD_URL = "key:load_url";  
  
    /** 
     * 需要显示的标题名 
     */  
    public static final String KEY_CONTENT_NAME = "key:cntent_name";  
  
    @InjectView(R.id.web_view) ProgressWebView mWebView;  
    private String mCurrentLoadUrl;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_webview);  
        ButterKnife.inject(this);  
        mCurrentLoadUrl = getIntent().getStringExtra(KEY_LOAD_URL);  
        String title = getIntent().getStringExtra(KEY_CONTENT_NAME);  
  
  
        setTitle(title);  
        initWebView();  
    }  
  
    /** 
     * 初始化WebView组件 
     */  
    @SuppressLint({"AddJavascriptInterface", "SetJavaScriptEnabled"}) private void initWebView() {  
        mWebView.getSettings().setJavaScriptEnabled(true);  
        mWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);  
        mWebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);  
        mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.NARROW_COLUMNS);  
        mWebView.setHorizontalScrollBarEnabled(true);  
        mWebView.setVerticalScrollBarEnabled(true);  
        final String USER_AGENT_STRING = mWebView.getSettings()  
                .getUserAgentString() + " Rong/2.0";  
        mWebView.getSettings().setUserAgentString(USER_AGENT_STRING);  
        //mWebView.setInitialScale(39);  
  
        mWebView.getSettings().setPluginState(WebSettings.PluginState.ON);  
        mWebView.getSettings().setDefaultTextEncodingName("GB2312") ;  
        mWebView.setWebViewClient(viewClient);  
        mWebView.setOverScrollMode(View.OVER_SCROLL_IF_CONTENT_SCROLLS);  
        //设置WebView的一些缩放功能点  
        mWebView.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);  
        //自适应屏幕  
        //mWebView.getSettings().setLayoutAlgorithm(WebSettings.LayoutAlgorithm.SINGLE_COLUMN);  
        mWebView.getSettings().setLoadWithOverviewMode(true);  
        // 设置可以支持缩放  
        mWebView.getSettings().setSupportZoom(true);  
        // 设置出现缩放工具  
        mWebView.getSettings().setBuiltInZoomControls(true);  
  
        mWebView.requestFocus();  
  
        //mCurrentLoadUrl = "http://2015zh.hk001.china-dxz.net/web/";  
        mWebView.(mCurrentLoadUrl);  
        //mWebView.loadUrl("http://www.pconline.com.cn/");  
    }  
  
    /** 
     * WebView加载状态客户端回调 
     */  
    private WebViewClient viewClient = new WebViewClient() {  
        @Override  
        public void onPageStarted(WebView view, String url, Bitmap favicon) {  
  
        }  
  
        @Override  
        public boolean shouldOverrideUrlLoading(WebView view, String url) {  
            if (url.contains("tb.jsp")) {  
                makeToast("付款成功！");  
                setResult(RESULT_OK);  
                Intent orderIntent = new Intent(WebViewUI.this,MineOrdersUI.class);  
                startActivity(orderIntent);  
                WebViewUI.this.finish();  
            } else {  
                view.loadUrl(url);  
            }  
  
            return true;  
        }  
  
        @Override  
        public void onReceivedError(WebView view, int errorCode, String description,  
                                    String failingUrl) {  
            //view.loadUrl("file:///android_asset/404.html");  
        }  
    };  
}  

猜你喜欢