Android中WebView的知识详解，属性大全

刺骨的言语ヽ痛彻心扉 2022-07-26 13:22 342阅读 0赞

1.android提供了webView控件专门用来浏览网页。  
然后在程序中装载webView控件，设置属性，比如：颜色、字体、要访问的网址等。通过loadUrl方法设置当前webView需要访问的网址。在创建WebView时，系统有一个默认的设置，我们可以通过WebView.getSettings来得到这个设置。

2.下面是设置一些常用属性、状态的方法  
WebSettings常用方法：  
setAllowFileAccess 启用或禁止WebView访问文件数据  
setBlockNetworkImage 是否显示网络图像  
setBuiltInZoomControls 设置显示缩放按钮

setDisplayZoomControls 设置是否支持缩放

setCacheMode 设置缓冲的模式  
setDefaultFontSize 设置默认的字体大小  
setDefaultTextEncodingName 设置在解码时使用的默认编码  
setFixedFontFamily 设置固定使用的字体  
setJavaSciptEnabled 设置是否支持Javascript  
setLayoutAlgorithm 设置布局方式  
setLightTouchEnabled 设置用鼠标激活被选项  
setSupportZoom 设置是否支持变焦

WebViewClient常用方法：  
doUpdate VisitedHistory 更新历史记录  
onFormResubmission 应用程序重新请求网页数据  
onLoadResource 加载指定地址提供的资源  
onPageFinished 网页加载完毕  
onPageStarted 网页开始加载  
onReceivedError 报告错误信息  
onScaleChanged WebView发生改变  
shouldOverrideUrlLoading 控制新的连接在当前WebView中打开

WebChromeClient常用方法：  
onCloseWindow 关闭WebView  
onCreateWindow 创建WebView  
onJsAlert 处理Javascript中的Alert对话框  
onJsConfirm处理Javascript中的Confirm对话框  
onJsPrompt处理Javascript中的Prompt对话框  
onProgressChanged 加载进度条改变  
onReceivedlcon 网页图标更改  
onReceivedTitle 网页Title更改  
onRequestFocus WebView显示焦点

3. android webView相关知识  
@下面的代码通过loadUrl方法设置当前webView需要访问的网址：  
mWebView=(WebView) findViewById(R.id.WebView01);  
mWebView.loadUrl(“http://www.sogou.com”);  
@在android中专门通过WebSettings来设置WebView的一些属性、状态等。在创建WebView时，系统有一个默认的设置，我们可以通过WebView.getSettings来得到这个设置：  
WebSettings webSettings=mWebView.getSettings();//取得对象  
WebSettings和WebView都在同一个生命周期中存在，当WebView被销毁后，如果再使用WebSettings，则会抛出异常。  
@使用WebViewClient来完成在应用程序中自定义网页浏览程序：  
WebViewClient是辅助WebView处理各种通知、请求等事件的类。通过WebView的setWebViewClient方法指定WebViewClient对象。  
WebView可以通过覆盖WebViewClient方法来辅助WebView浏览网页：  
public Boolean shouldOverrideUrlLoading  
(WebView view,String url)\{view .loadUrl(url);return true;\}

4. android webView实例  
实例中使用EditText输入网址，用Button来确认连接，用webView显示网页内容。  
这里使用了WebViewClient来辅助WebView处理一些事件，因此我们显示的网页都是在一个WebView控件中。可以通过goBack和goForward方法设置前进和后退，先检查是否可以前进和后退：  
if((keyCode==keyEvent.KEYCODE\_BACK)&&mWebView.canGoBack())  
\{  
mWebView.goBack()//返回前一个页面  
return true;  
\}  
例子中，通过自制浏览器访问一个包含javascript对话框的html页面。通过点击界面上的“警告，提醒对话框”按钮、“带选择的对话框”按钮、“要求用户输入的对话框”按钮，界面分别会弹出对话框“这是一个警告对话框”、“更多信息请到我的博客去”正常按钮/取消按钮、“输入对话框”正常按钮/取消按钮、一个跳转页面。Js html页面在代码包的根目录下（dialog.html）。  
我们通过setWebChromeClient方法为WebView设置一个WebChromeClient对象，辅助WebView处理js对话框，监听按钮事件，然后通过confirm和cancel方法将我们的操作传递给js处理。

package com.yarin.android.Examples_08_06;
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.app.AlertDialog.Builder;
    import android.content.DialogInterface;
    import android.graphics.Bitmap;
    public class Activity01 extends Activity
    {
        private final String DEBUG_TAG = "Activity01";
        private Button mButton;
        private EditText mEditText;
        private WebView mWebView;
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            mButton = (Button) findViewById(R.id.Button01);
            mEditText = (EditText) findViewById(R.id.EditText01);
            mWebView = (WebView) findViewById(R.id.WebView01);
    //设置支持JavaScript脚本
            WebSettings webSettings = mWebView.getSettings();
            webSettings.setJavaScriptEnabled(true);
    //设置可以访问文件
            webSettings.setAllowFileAccess(true);
    //设置支持缩放
            webSettings.setBuiltInZoomControls(true);
    //设置WebViewClient
            mWebView.setWebViewClient(new WebViewClient()
            {
                public boolean shouldOverrideUrlLoading(WebView view, String url)
                {
                    view.loadUrl(url);
                    return true;
                }
                @Override
                public void onPageFinished(WebView view, String url)
                {
                    super.onPageFinished(view, url);
                }
                @Override
                public void onPageStarted(WebView view, String url, Bitmap favicon)
                {
                    super.onPageStarted(view, url, favicon);
                }
            });

package com.yarin.android.Examples_08_06;
    import android.app.Activity;
    import android.app.AlertDialog;
    import android.app.AlertDialog.Builder;
    import android.content.DialogInterface;
    import android.graphics.Bitmap;
    ……
    public class Activity01 extends Activity
    {
        private final String DEBUG_TAG = "Activity01";
        private Button mButton;
        private EditText mEditText;
        private WebView mWebView;
        /** Called when the activity is first created. */
        @Override
        public void onCreate(Bundle savedInstanceState)
        {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.main);
            mButton = (Button) findViewById(R.id.Button01);
            mEditText = (EditText) findViewById(R.id.EditText01);
            mWebView = (WebView) findViewById(R.id.WebView01);
    //设置支持JavaScript脚本
            WebSettings webSettings = mWebView.getSettings();
            webSettings.setJavaScriptEnabled(true);
    //设置可以访问文件
            webSettings.setAllowFileAccess(true);
    //设置支持缩放
            webSettings.setBuiltInZoomControls(true);
    //设置WebViewClient
            mWebView.setWebViewClient(new WebViewClient()
            {
                public boolean shouldOverrideUrlLoading(WebView view, String url)
                {
                    view.loadUrl(url);
                    return true;
                }
                @Override
                public void onPageFinished(WebView view, String url)
                {
                    super.onPageFinished(view, url);
                }
                @Override
                public void onPageStarted(WebView view, String url, Bitmap favicon)
                {
                    super.onPageStarted(view, url, favicon);
                }
            });
            package com.yarin.android.Examples_08_06;
            import android.app.Activity;
            import android.app.AlertDialog;
            import android.app.AlertDialog.Builder;
            import android.content.DialogInterface;
            import android.graphics.Bitmap;
            public class Activity01 extends Activity
            {
                private final String DEBUG_TAG = "Activity01";
                private Button mButton;
                private EditText mEditText;
                private WebView mWebView;
                /** Called when the activity is first created. */
                @Override
                public void onCreate(Bundle savedInstanceState)
                {
                    super.onCreate(savedInstanceState);
                    setContentView(R.layout.main);
                    mButton = (Button) findViewById(R.id.Button01);
                    mEditText = (EditText) findViewById(R.id.EditText01);
                    mWebView = (WebView) findViewById(R.id.WebView01);
    //设置支持JavaScript脚本
                    WebSettings webSettings = mWebView.getSettings();
                    webSettings.setJavaScriptEnabled(true);
    //设置可以访问文件
                    webSettings.setAllowFileAccess(true);
    //设置支持缩放
                    webSettings.setBuiltInZoomControls(true);
    //设置WebViewClient
                    mWebView.setWebViewClient(new WebViewClient()
                    {
                        public boolean shouldOverrideUrlLoading(WebView view, String url)
                        {
                            view.loadUrl(url);
                            return true;
                        }
                        @Override
                        public void onPageFinished(WebView view, String url)
                        {
                            super.onPageFinished(view, url);
                        }
                        @Override
                        public void onPageStarted(WebView view, String url, Bitmap favicon)
                        {
                            super.onPageStarted(view, url, favicon);
                        }
                    });
    
    
    
                    例子：
                    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不允许用户缩放

发表评论取消回复

表情：

评论列表（有 0 条评论，342人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android中WebView使用详解

一、什么是WebView WebView是Android内置的可以显示网页的控件。可以理解成一个简易版的浏览器。目前很多android app都内置了

妖狐艹你老母/ 2022年08月20日 04:19/ 0 赞/ 869 阅读

相关 Android WebView(二) WebView常用API详解

上一篇文章简单描述了WebView（根据官网文档简单翻译的），让我们对它有新的不一样的认识。如果你对WebView还不是很了解，那么请先去看看[ ][Link 1][A

淩亂°似流年/ 2022年08月19日 14:17/ 0 赞/ 537 阅读

相关 Android WebView(一) WebView详解

WebView，在Android开发中，我们总是会遇到，它是Google封装的，使用WebKit渲染引擎加载显示网页。接下来，我们就详细看看WebView的介绍以及使用。

骑猪看日落/ 2022年08月19日 13:13/ 0 赞/ 323 阅读

相关 Android中WebView的使用

Android中WebView的使用一、什么是WebView Android 中的WebView（网络视图），可以这么去理解，就是一个内置的浏览器。它使用了Web

╰半夏微凉°/ 2022年08月07日 00:18/ 0 赞/ 272 阅读

相关 Android WebView 开发详解(一)

转自：[http://blog.csdn.net/typename/article/details/39030091][http_blog.csdn.net_typename

素颜马尾好姑娘i/ 2022年08月02日 15:31/ 0 赞/ 246 阅读

相关 Android WebView 开发详解(一)

概览： Android WebView在Android平台上是一个特殊的View，他能用来显示网页，这个类可以被用来在你的app中仅仅显示一张在线的

我就是我/ 2022年07月29日 10:39/ 0 赞/ 294 阅读

相关 Android 布局属性大全

布局属性 1. FrameLayout —— 里面只可以有一个控件，并且不能设计这个控件的位置，控件会放到左上角 2. LinearLayout —— 里面可以放多

左手的ㄟ右手/ 2022年07月28日 08:41/ 0 赞/ 200 阅读

相关 Android中WebView的知识详解，属性大全

1.android提供了webView控件专门用来浏览网页。然后在程序中装载webView控件，设置属性，比如：颜色、字体、要访问的网址等。通过loadUrl方法设置当前

刺骨的言语ヽ痛彻心扉/ 2022年07月26日 13:22/ 0 赞/ 343 阅读

相关 Android：最全面的Webview详解

文章转载自：[http://blog.csdn.net/carson\_ho/article/details/52693322][http_blog.csdn.net_cars

柔情只为你懂/ 2022年05月29日 08:17/ 0 赞/ 198 阅读

相关 android布局属性大全

Xml代码 1. <!-- 2. FrameLayout —— 里面只可以有一个控件，并且不能设计这个控件的位置，控件会放到左上角 3. LinearLay

桃扇骨/ 2022年01月21日 00:07/ 0 赞/ 316 阅读