想了解Android：如何在webview内容中制作双倍宽度和双倍高度的文本的新动态吗？本文将为您提供详细的信息，此外，我们还将为您介绍关于AndroidWebView系列文章1-关于WebView基

想了解Android：如何在 webview 内容中制作双倍宽度和双倍高度的文本的新动态吗？本文将为您提供详细的信息，此外，我们还将为您介绍关于Android WebView 系列文章 1 - 关于 WebView 基本使用介绍、android webview 设置字体大小后 webview高度不会缩小、Android WebView从WebViewClient到Activity通信、Android WebView开发(三)：WebView性能优化的新知识。

• Android：如何在 webview 内容中制作双倍宽度和双倍高度的文本
• Android WebView 系列文章 1 - 关于 WebView 基本使用介绍
• android webview 设置字体大小后 webview高度不会缩小
• Android WebView从WebViewClient到Activity通信
• Android WebView开发(三)：WebView性能优化

Android：如何在 webview 内容中制作双倍宽度和双倍高度的文本

afaik 您只能设置字体大小（通过 WebSettings 类）... WebView 不是那么有弹性，并且没有提供用于管理/样式化打印文本的详细选项。为此，CSS 是为之而生的。最终最好在网页端的 Javascript 中实现此功能或以明文形式下载数据，修改适当的行（添加 CSS）并使用 loadData(...)

Android WebView 系列文章 1 - 关于 WebView 基本使用介绍

关于 WebView 基本使用介绍
目录介绍
0. 关于 WebView 的目录结构图
1. 关于 WebView 的使用优点
2.WebView 最简单的使用方法
3.WebView 的常用方法

    * 3.1 WebView 的回退与前进与刷新
    * 3.2 WebView 的状态
    * 3.3 清除缓存数据

4.WebView 常用类的介绍

    * 4.1 WebSettings 类
    * 4.2 WebViewClient 类
    * 4.3 WebChromeClient 类

5.WebView 注意事项

    * 5.1 动态创建 WebView 使用上下文为全局上下文
    * 5.2 Activity 销毁的时候，销毁 WebView

1. 关于 WebView 的使用优点

    * 可以直接显示和渲染 web 页面，直接显示网页
    * webview 可以直接用 html 文件（网络上或本地 assets 中）作布局
    * 和 JavaScript 交互调用

2.WebView 最简单的使用方法

    * 布局

<WebView
    android:id="@+id/wv"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>
注意添加权限：
<uses-permission android:name="android.permission.INTERNET"/>

    * 在 activity 中最简单的使用

webview = (WebView) findViewById(R.id.webView1);
webview.loadUrl ("http://www.baidu.com/");                    // 加载 web 资源
webView.loadUrl ("file:///android_asset/example.html");       // 加载本地资源
这个时候发现一个问题，启动应用后，自动的打开了系统内置的浏览器，解决这个问题需要为 webview 设置 WebViewClient，并重写方法：
webview.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                // 返回值是 true 的时候控制去 WebView 打开，为 false 调用系统浏览器或第三方浏览器
                return true;
            }
 // 还可以重写其他的方法
});

3.WebView 的常用方法

    * 3.1 WebView 的回退与前进与刷新
    *
        * WebView 前进用到的时候可能不多，但是回退这个功能相当有用。当加载网页的时候，我们点击了几层链接之后，点击返回键，突然间就退出应用或者直接销毁了当前组件，相信这种交互不是用户需要的，因为有可能用户只是想回退到上一层级页面。
        * 关于方法介绍与使用

// 判断是否有可以回退，可以返回 true
webView.canGoBack();
// 返回上一层级
webView.goBack();
// 判断是否可以前进，可以返回 true
webView.canGoForward();
// 进入上一层级
webView.goForward();
// 刷新
webView.reload();

// 改写物理按键 —— 返回的逻辑 这个很重要
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
    if(keyCode==KeyEvent.KEYCODE_BACK) {
        if(wv.canGoBack()) {
            wv.goBack ();// 返回上一页面
            return true;
        }
    }
    return super.onKeyDown(keyCode, event);
}

    * 3.2 WebView 的状态

// 激活 WebView 为活跃状态，能正常执行网页的响应
webView.onResume() ；

// 当页面被失去焦点被切换到后台不可见状态，需要执行 onPause// 通过 onPause 动作通知内核暂停所有的动作，比如 DOM 的解析、plugin 的执行、JavaScript 执行。
webView.onPause()；

// 当应用程序 (存在 webview) 被切换到后台时，这个方法不仅仅针对当前的 webview 而是全局的全应用程序的 webview// 它会暂停所有 webview 的 layout，parsing，javascripttimer。降低 CPU 功耗。
webView.pauseTimers()
// 恢复 pauseTimers 状态
webView.resumeTimers()；

// 销毁 Webview// 在关闭了 Activity 时，如果 Webview 的音乐或视频，还在播放。就必须销毁 Webview// 但是注意：webview 调用 destory 时，webview 仍绑定在 Activity 上 // 这是由于自定义 webview 构建时传入了该 Activity 的 context 对象 // 因此需要先从父容器中移除 webview, 然后再销毁 webview:
rootLayout.removeView(webView);
webView.destroy();

    * 3.3 清除缓存数据

// 清除网页访问留下的缓存
// 由于内核缓存是全局的因此这个方法不仅仅针对 webview 而是针对整个应用程序.
Webview.clearCache(true);

// 清除当前 webview 访问的历史记录 // 只会 webview 访问历史记录里的所有记录除了当前访问记录
Webview.clearHistory()；

// 这个 api 仅仅清除自动完成填充的表单数据，并不会清除 WebView 存储到本地的数据
Webview.clearFormData()；

4.WebView 常用类的介绍

    * 4.1 WebSettings 类
    *
        * 主要的作用对 WebView 进行配置和管理

// 声明 WebSettings 子类
WebSettings webSettings = webView.getSettings();

// 注意：这个很重要   如果访问的页面中要与 Javascript 交互，则 webview 必须设置支持 Javascript
webSettings.setJavaScriptEnabled(true);

// 支持插件
webSettings.setPluginsEnabled(true);

// 设置自适应屏幕，两者合用
webSettings.setUseWideViewPort (true); // 将图片调整到适合 webview 的大小
webSettings.setLoadWithOverviewMode (true); // 缩放至屏幕的大小

// 缩放操作
webSettings.setSupportZoom (true); // 支持缩放，默认为 true。是下面那个的前提。
webSettings.setBuiltInZoomControls (true); // 设置内置的缩放控件。若为 false，则该 WebView 不可缩放
webSettings.setDisplayZoomControls (false); // 隐藏原生的缩放控件

// 其他细节操作
webSettings.setCacheMode (WebSettings.LOAD_CACHE_ELSE_NETWORK); // 关闭 webview 中缓存
webSettings.setAllowFileAccess (true); // 设置可以访问文件
webSettings.setJavaScriptCanOpenWindowsAutomatically (true); // 支持通过 JS 打开新窗口
webSettings.setLoadsImagesAutomatically (true); // 支持自动加载图片
webSettings.setDefaultTextEncodingName ("utf-8");// 设置编码格式

    *
        * 设置 WebView 缓存

    *
        * 当加载 html 页面时，WebView 会在 /data/data/ 包名目录下生成 database 与 cache 两个文件夹
        * 请求的 URL 记录保存在 WebViewCache.db，而 URL 的内容是保存在 WebViewCache 文件夹下
        * 是否启用缓存：

// 优先使用缓存:
WebView.getSettings().setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
    // 缓存模式如下：
    //LOAD_CACHE_ONLY: 不使用网络，只读取本地缓存数据
    //LOAD_DEFAULT: （默认）根据 cache-control 决定是否从网络上取数据。
    //LOAD_NO_CACHE: 不使用缓存，只从网络获取数据.
    //LOAD_CACHE_ELSE_NETWORK，只要本地有，无论是否过期，或者 no-cache，都使用缓存中的数据。

// 不使用缓存:
WebView.getSettings().setCacheMode(WebSettings.LOAD_NO_CACHE);

webSettings.setDomStorageEnabled (true); // 开启 DOM storage API 功能
webSettings.setDatabaseEnabled (true);  // 开启 database storage API 功能
webSettings.setAppCacheEnabled (true);// 开启 Application Caches 功能

String cacheDirPath = getFilesDir().getAbsolutePath() + APP_CACAHE_DIRNAME;
webSettings.setAppCachePath (cacheDirPath); // 设置  Application Caches 缓存目录

    * 4.2 WebViewClient 类
    *
        * 主要的作用是处理各种通知和请求事件
        * shouldOverrideUrlLoading () 方法

shouldOverrideUrlLoading () 方法，使得打开网页时不调用系统浏览器， 而是在本 WebView 中显示
webView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean shouldOverrideUrlLoading(WebView view, String url) {
        view.loadUrl(url);
        return true;
    }
});

    *
        * onPageStarted()

作用：开始载入页面调用的，我们可以设定一个 loading 的页面，告诉用户程序在等待网络响应。
webView.setWebViewClient(new WebViewClient(){
    @Override
    public void  onPageStarted(WebView view, String url, Bitmap favicon) {
        // 设定加载开始的操作
    }
});

    *
        * onPageFinished()

作用：在页面加载结束时调用。我们可以关闭 loading 条，切换程序动作。
webView.setWebViewClient(new WebViewClient(){
    @Override
    public void onPageFinished(WebView view, String url) {
        // 设定加载结束的操作
    }
});

    *
        * onLoadResource()

作用：在加载页面资源时会调用，每一个资源（比如图片）的加载都会调用一次。
webView.setWebViewClient(new WebViewClient(){
    @Override
    public boolean onLoadResource(WebView view, String url) {
        // 设定加载资源的操作
    }
});

    *
        * onReceivedError()

作用：加载页面的服务器出现错误时（如 404）调用。
App 里面使用 webview 控件的时候遇到了诸如 404 这类的错误的时候，若也显示浏览器里面的那种错误提示页面就显得很丑陋了，那么这个时候我们的 app 就需要加载一个本地的错误提示页面，即 webview 如何加载一个本地的页面

// 步骤 1：写一个 html 文件（error_handle.html），用于出错时展示给用户看的提示页面
// 步骤 2：将该 html 文件放置到代码根目录的 assets 文件夹下
// 步骤 3：复写 WebViewClient 的 onRecievedError 方法
// 该方法传回了错误码，根据错误类型可以进行不同的错误分类处理
webView.setWebViewClient(new WebViewClient(){
    @Override
    public void onReceivedError(WebView view, int errorCode, String description, String failingUrl){
        switch(errorCode){
            case HttpStatus.SC_NOT_FOUND:
                view.loadUrl("file:///android_assets/error_handle.html");
                break;
        }
    }
});

    *
        * onReceivedSslError()

作用：处理 https 请求
webView 默认是不处理 https 请求的，页面显示空白，需要进行如下设置：

webView.setWebViewClient(new WebViewClient() {   
    @Override   
    public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) {   
        handler.proceed ();    // 表示等待证书响应
        //handler.cancel ();      // 表示挂起连接，为默认方式
        //handler.handleMessage (null);    // 可做其他处理
    }   
});   

    * 4.3 WebChromeClient 类
    *
        * 主要的作用是辅助 WebView 处理 Javascript 的对话框，网站图标，网站标题等等
        * onProgressChanged()

作用：获得网页的加载进度并显示
webview.setWebChromeClient(new WebChromeClient(){
    @Override
    public void onProgressChanged(WebView view, int newProgress) {
        if (newProgress < 100) {
            String progress = newProgress + "%";
            progress.setText(progress);
        }
    }
});

    *
        * onReceivedTitle()

作用：获取 Web 页中的标题
每个网页的页面都有一个标题
webview.setWebChromeClient(new WebChromeClient(){
    @Override
    public void onReceivedTitle(WebView view, String title) {
        titleview.setText(title)；
    }
}

5.WebView 注意事项

    * 5.1 动态创建 WebView 使用上下文为全局上下文

LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT);
mWebView = new WebView(getApplicationContext());
mWebView.setLayoutParams(params);
mLayout.addView(mWebView);

    * 5.2 Activity 销毁的时候，销毁 WebView

在 Activity 销毁（ WebView ）的时候，先让 WebView 加载 null 内容，然后移除 WebView，再销毁 WebView，最后置空。
@Override
protected void onDestroy() {
    if (mWebView != null) {
        mWebView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
        mWebView.clearHistory();

        ((ViewGroup) mWebView.getParent()).removeView(mWebView);
        mWebView.destroy();
        mWebView = null;
    }
    super.onDestroy();
}

android webview 设置字体大小后 webview高度不会缩小

Android WebView从WebViewClient到Activity通信

    WebViewClient wc = new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view,String url) {
            if (url.equals("http://cnn.com/")) {
                //TELL ACTIVITY CNN WAS CLICKED
                return true;
            } else {
                return false;

            }
        }

    };

    mWebView.setWebViewClient(wc);

public class YourActivity extends Activity{

    // bla bla bla

    // the code you already have
    WebViewClient wc = new WebViewClient() {
        @Override
        public boolean shouldOverrideUrlLoading(WebView view,String url) {
            if (url.equals("http://cnn.com/")) {
                YourActivity.this.tellMe();
                return true;
            } else {
                return false;

            }
        }

    };

    // this is the method to 'tell' the activity that someone clicked the link
    public void tellMe(){
        // in this case I just raise a toast.
        // but you can do whatever you want here ;)
        Toast.makeText(YourActivity.this,"eyy!! somebody clicked the cnn link",1).show();
    }
}

Android WebView开发(三)：WebView性能优化

/**
     * 创建WebView实例
     * 用了applicationContext
     */
    @DebugTrace
    public void prepareNewWebView() {
        if (mCachedWebViewStack.size() < CACHED_WEBVIEW_MAX_NUM) {
            mCachedWebViewStack.push(new WebView(new MutableContextwrapper(getAppContext())));
        }
    }
    /**
     * 从缓存池中获取合适的WebView
     * 
     * @param context activity context
     * @return WebView
     */
    private WebView acquireWebViewInternal(Context context) {
        // 为空，直接返回新实例
        if (mCachedWebViewStack == null || mCachedWebViewStack.isEmpty()) {
            return new WebView(context);
        }
        WebView webView = mCachedWebViewStack.pop();
        // webView不为空，则开始使用预创建的WebView,并且替换Context
        MutableContextwrapper contextwrapper = (MutableContextwrapper) webView.getContext();
        contextwrapper.setBaseContext(context);
        return webView;
    }

WebSettings settings = webView.getSettings();
settings.setAppCacheEnabled(true);
settings.setDatabaseEnabled(true);
settings.setDomStorageEnabled(true);//开启DOM缓存，关闭的话H5自身的一些操作是无效的
settings.setCacheMode(WebSettings.LOAD_DEFAULT);
settings.setJavaScriptEnabled(true);

ConnectivityManager cm = (ConnectivityManager)getSystemService(Context.CONNECTIVITY_SERVICE);
NetworkInfo info = cm.getActiveNetworkInfo();
if(info.isAvailable())
{
    settings.setCacheMode(WebSettings.LOAD_DEFAULT);
}else 
{
    settings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);//不使用网络，只加载缓存
}

if (upgrade.cacheControl > cacheControl)
{
    webView.clearCache(true);//删除DOM缓存
    VersionUtils.clearCache(mContext.getCacheDir());//删除APP缓存
    try
    {
        mContext.deleteDatabase("webview.db");//删除数据库缓存
        mContext.deleteDatabase("webviewCache.db");
    }
    catch (Exception e)
    {
    }
}

        /**
         * 【实现预加载】
         * 有时候一个页面资源比较多，图片，CSS，js比较多，还引用了JQuery这种庞然巨兽，
         * 从加载到页面渲染完成需要比较长的时间，有一个解决方案是将这些资源打包进APK里面，
         * 然后当页面加载这些资源的时候让它从本地获取，这样可以提升加载速度也能减少服务器压力。
         */
        @Nullable
        @Override
        public WebResourceResponse shouldInterceptRequest(WebView view,WebResourceRequest request) {
            if (request == null) {
                return null;
            }
            String url = request.getUrl().toString();
            Log.d(TAG,"shouldInterceptRequest---> " + url);
            return getWebResourceResponse(url);
        }

        protected WebResourceResponse getWebResourceResponse(String url) {
            //此处[tag]等需要跟服务端协商好,再处理
            if (url.contains("[tag]")) {
                try {
                    String localPath = url.replaceFirst("^http.*[tag]\\]","");
                    InputStream is = getContext().getAssets().open(localPath);
                    Log.d(TAG,"shouldInterceptRequest: localPath " + localPath);
                    String mimeType = "text/javascript";
                    if (localPath.endsWith("css")) {
                        mimeType = "text/css";
                    }
                    return new WebResourceResponse(mimeType,"UTF-8",is);
                } catch (IOException e) {
                    e.printstacktrace();
                    return null;
                }
            } else {
                return null;
            }
        }

webView = new WebView(getApplicationContext());
webView.getSettings().setJavaScriptEnabled(true);
framelayout.addView(webView);
webView.loadUrl(url);

if (isDestroyed()) return;， 

ViewParent parent = mWebView.getParent();
if (parent != null) {
    ((ViewGroup) parent).removeView(mWebView);
}

mWebView.destroy();

    @Override
    protected void onDestroy() {
        if (mWebView != null) {
            mWebView.destroy();

            ViewParent parent = mWebView.getParent();
            if (parent != null) {
                ((ViewGroup) parent).removeView(mWebView);
            }
            mWebView.stopLoading();
            // 退出时调用此方法，移除绑定的服务，否则某些特定系统会报错
            mWebView.getSettings().setJavaScriptEnabled(false);
            mWebView.clearHistory();
            mWebView.clearView();
            mWebView.removeAllViews();
            mWebView.destroy();
        }
        super.onDestroy();
    }