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自适应屏幕
第一种:
—————————————————————————————————————————————————————————————
(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/"); //设置加载页面
实例:
- 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");
- }
- };
- }