webview

于 2021-07-13 23:05:52 发布
阅读量124 收藏
点赞数
分类专栏： 安卓入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41596457/article/details/118713260
版权
本文深入探讨WebView在Android和iOS平台的使用，包括加载网页、交互实现、性能优化及安全注意事项，帮助开发者更好地集成和利用WebView进行混合开发。
摘要由CSDN通过智能技术生成 
public class WebViewActivity extends AppCompatActivity {

    private WebView mWebView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_web_view);

        if (Build.VERSION.SDK_INT > Build.VERSION_CODES.KITKAT) {
            WebView.setWebContentsDebuggingEnabled(true);
        }

        mWebView = findViewById(R.id.webview);

        //WebView.loadDataWithBaseURL(String baseUrl, String data, String mimeType, String encoding
        // , String historyUrl))的五个参数：baseUrl表示基础的网页，data表示要加载的内容
        // ，mimeType表示加载网页的类型，encoding表示编码格式，historyUrl表示可用历史记录，可以为值。

//        mWebView.loadUrl("http://www.baidu.com/");
//        mWebView.loadUrl("file://" + Environment.getExternalStorageDirectory().getPath() + "/1/index.html");
//        mWebView.loadUrl("file:///android_asset/index.html");
//        mWebView.loadData("<h1>这是我们通过loadData添加进来的内容</h1>","text/html; charset=utf-8", null);
//        https://www.imooc.com/static/img/index/logo.png
//        mWebView.loadDataWithBaseURL("https://www.imooc.com/"
//        , "<img src=\"static/img/index/logo.png\"/><a href=\"http://www.baidu.com\">toBaiDu.com</a>"
//        , "text/html", "utf-8","http://www.sogou.com/");
        mWebView.loadUrl("http://192.168.2.124:3000/");
//        mWebView.loadUrl("http://192.168.2.128:3000/");

        mWebView.addJavascriptInterface(new DemoJsObject(), "android");

        //
        mWebView.setWebViewClient(new WebViewClient() {

            @Override
            public void onReceivedError(WebView view, int errorCode, String description, String failingUrl) {
                super.onReceivedError(view, errorCode, description, failingUrl);
                Log.e("WebViewActivity", "webview-》onReceivedError : 加载了url：" + failingUrl + " - 错误描述：" + description + " - 错误代码：" + errorCode);
                view.loadUrl("http://192.168.2.124:3000/");
            }


            @RequiresApi(api = Build.VERSION_CODES.M)
            @Override
            public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {
                super.onReceivedError(view, request, error);
                Log.e("WebViewActivity", "webview-》onReceivedError (android6.0以上调用) : 加载了url：" + request.getUrl().toString() + " - 错误描述：" + error.getDescription() + " - 错误代码：" + error.getErrorCode());
            }

            //
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                Log.e("WebViewActivity", "webview-》shouldOverrideUrlLoading : 加载了url：" + url);
                if ("http://www.baidu.com/".equals(url)) {
//                    view.loadUrl("http://www.sogou.com/");
                    Toast.makeText(WebViewActivity.this, "webview-》shouldOverrideUrlLoading : 加载了url：" + url, Toast.LENGTH_SHORT).show();
                    return true;
                }

                Uri uri = Uri.parse(url);
                if ("android".equals(uri.getScheme())) {
                    String functionName = uri.getAuthority();
                    if ("print".equals(functionName)) {
                        String msg = uri.getQueryParameter("msg");
                        print(msg);
                        return true;
                    }
                }

                return super.shouldOverrideUrlLoading(view, url);
            }

            //
            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
                Log.e("WebViewActivity", "webview-》shouldOverrideUrlLoading(Android7.0以上调用) : 加载了url：" + request.getUrl().toString());
                return super.shouldOverrideUrlLoading(view, request);
            }

            @Override
            public WebResourceResponse shouldInterceptRequest(WebView view, String url) {
                WebResourceResponse result = super.shouldInterceptRequest(view, url);
                Log.e("WebViewActivity", "webview-》shouldInterceptRequest请求了url：" + url);
                Log.e("WebViewActivity", "result = " + result);
//                if ("http://www.baidu.com/".equals(url)) {
//                    return new WebResourceResponse("text/html", "utf-8", null);
//                }
                return result;
            }

            @RequiresApi(api = Build.VERSION_CODES.LOLLIPOP)
            @Override
            public WebResourceResponse shouldInterceptRequest(WebView view, WebResourceRequest request) {
                Log.e("WebViewActivity", "webview-》shouldInterceptRequest请求了(android5.0之上调用)url：" + request.getUrl().toString());
                return super.shouldInterceptRequest(view, request);
            }

            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                Log.e("WebViewActivity", "webview-》onPageStarted 网页开始进行加载url：" + url);
            }

            @Override
            public void onLoadResource(WebView view, String url) {
                super.onLoadResource(view, url);
                Log.e("WebViewActivity", "webview-》onLoadResource 网页开始加载资源url：" + url);
            }

            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                Log.e("WebViewActivity", "webview-》onPageFinished 网页已经加载完成url：" + url);
            }
        });

        mWebView.setWebChromeClient(new WebChromeClient() {
            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                super.onProgressChanged(view, newProgress);
                Log.e("webViewActivity", "newProgress:" + newProgress);
            }

            @Override
            public void onReceivedTitle(WebView view, String title) {
                super.onReceivedTitle(view, title);
                Log.e("webViewActivity", "title:" + title);
            }

            @Override
            public boolean onJsAlert(WebView view, String url, String message, JsResult result) {
                boolean res = super.onJsAlert(view, url, message, result);
                res = true;
                Log.e("webViewActivity", "onJsAlert - url : " + url + " - message : " + message + "  - res : " + res);
                Toast.makeText(WebViewActivity.this, message, Toast.LENGTH_SHORT).show();
                result.confirm();
                return res;
            }

            @Override
            public boolean onJsConfirm(WebView view, String url, String message, final JsResult result) {
                boolean res = super.onJsConfirm(view, url, message, result);
                res = true;
                Log.e("webViewActivity", "onJsConfirm - url : " + url + " - message : " + message + "  - res : " + res);
                AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
                builder.setMessage(message);
                builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        result.confirm();
                    }
                });

                builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        result.cancel();
                    }
                });
                builder.create().show();
                return res;
            }

            @Override
            public boolean onJsPrompt(WebView view, String url, String message, String defaultValue, final JsPromptResult result) {
                boolean res = super.onJsPrompt(view, url, message, defaultValue, result);
                res = true;
                Log.e("webViewActivity", "onJsConfirm - url : " + url + " - message : " + message + " - defaultValue : " + defaultValue + "  - res : " + res);
                AlertDialog.Builder builder = new AlertDialog.Builder(WebViewActivity.this);
                builder.setMessage(message);
                builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        result.confirm("这是点击了确定按钮之后的输入框内容");
                    }
                });

                builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialogInterface, int i) {
                        result.cancel();
                    }
                });
                builder.create().show();
                return res;
            }
        });

        WebSettings webSettings = mWebView.getSettings();
        webSettings.setJavaScriptEnabled(true);//支持Js
        webSettings.setSupportZoom(true);
        webSettings.setBuiltInZoomControls(true);
        webSettings.setDisplayZoomControls(true);
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ONLY);
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);
        webSettings.setCacheMode(WebSettings.LOAD_DEFAULT);
        webSettings.setCacheMode(WebSettings.LOAD_NO_CACHE);
        mWebView.clearCache(true);
    }

//    public void onCanGoBack (View v) {
//        Toast.makeText(this, String.valueOf(mWebView.canGoBack()), Toast.LENGTH_SHORT).show();
//    }
//
//    public void onGoBack (View v) {
//        mWebView.goBack();
//    }
//
//    public void onCanGoForward (View v) {
//        Toast.makeText(this, String.valueOf(mWebView.canGoForward()), Toast.LENGTH_SHORT).show();
//    }
//
//    public void onGoForward (View v) {
//        mWebView.goForward();
//    }
//
//    public void onCanGoBackOrForward (View v) {
//        int steps = Integer.valueOf(((EditText)findViewById(R.id.steps)).getText().toString());
//        Toast.makeText(this, String.valueOf(mWebView.canGoBackOrForward(steps)), Toast.LENGTH_SHORT).show();
//    }
//
//    public void onGoBackOrForward (View v) {
//        int steps = Integer.valueOf(((EditText)findViewById(R.id.steps)).getText().toString());
//        mWebView.goBackOrForward(steps);
//    }
//
//    public void onClearHistory (View v) {
//        mWebView.clearHistory();
//    }

    public void onShowAlertFromloadUrl(View v) {
        mWebView.loadUrl("javascript:showAlert()");
    }

    public void onSumFromloadUrl(View v) {
        mWebView.loadUrl("javascript:alert(sum(2, 3))");
    }

    public void onSumFromEVJS(View v) {
        mWebView.evaluateJavascript("javascript:sum(2, 3)", new ValueCallback<String>() {
            @Override
            public void onReceiveValue(String s) {
                Toast.makeText(WebViewActivity.this, "evaluateJavascript - " + s, Toast.LENGTH_SHORT).show();
            }
        });
    }

    private void print(String msg) {
        Toast.makeText(this, msg, Toast.LENGTH_SHORT).show();
        String result = "这是android的返回值";
        mWebView.loadUrl("javascript:showAlert('" + result + "')");
    }

    @Override
    protected void onPause() {
        super.onPause();

        mWebView.onPause();
//        mWebView.pauseTimers();不靠谱
    }

    @Override
    protected void onResume() {
        super.onResume();

        mWebView.onResume();
//        mWebView.resumeTimers();不靠谱
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();

        mWebView.destroy();
    }
}

import android.util.Log;
import android.webkit.JavascriptInterface;

/*

 */

public class DemoJsObject {

    @JavascriptInterface
    public String print(String msg) {
        Log.e("DemoJsObject", "msg ：" + msg);
        return "这是android的返回值";
    }
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Android-WebView</title>
</head>
<body>
<h1>这是我们在资源目录下中加载的网页</h1>

</body>
</html>

菜鸟X号
关注
专栏目录
WebView2示例
12-30
WebView2是微软推出的新一代网页嵌入控件，它基于Chromium引擎，为Windows应用程序提供了更强大、更现代的Web浏览功能。这个“WebView2示例”是开发者根据官方教程进行实践的结果，旨在帮助我们更好地理解和掌握...
图解WebView -- (2) WebView 常用API详解
qq_22255311的博客
04-04 1179
WebView作为控件，除了继承了View的特性外，其自身功能也十分强大，还提供了网页加载、前进后退、网页缩放、搜索等功能。本节整理了WebView控件提供的常用API使用，主要划分为以下几部分内容。
Android之WebView
m0_37698153的博客
06-10 313
使用WebView浏览网页WebView的用法与普通的ImageView相似，提供了大量的方法来执行浏览操作，如： void goback():后退 void goForward():前进 void loadUrl(String url):加载指定Url对应的网页 boolean zoomln():放大网页 boolean zoomOut():缩小网页 迷你浏览器     browser.xml <
【基础】WebView浏览器组件
weixin_43526787的博客
06-27 6490
ad
webview的使用
路漫漫其修远兮
04-19 228
android 5.0 增强的WebView 1、使用WebView来浏览网页，方法： getBack()；后退 getForward()前进 loadUrl(url) 加载制定URL对应的网页，只是加载网页，并没有解析HTML代码。 zoomln()放大页面 zoomOut()缩小页面 loadData(String data,String mimeType,String e
android控件webview,初识WebView控件
weixin_30819757的博客
05-26 223
工作需要，学习WebView控件，目前还没有在实际工作中使用，以此作为初识WebView控件的总结。从《第一行代码》中可知：Android提供了一个WebView控件，借助它我们就可以在自己的应用程序里嵌入一个浏览器，从而非常轻松地展示各种各样的网页。WebView在后台帮我们处理好了发送HTTP请求、接受服务响应、解析返回数据，以及最终的页面展示这几步工作。具体操作流程为：首先，在布局文件中放置...
android_webview
06-21
android_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webviewandroid_webview...
com.google.android.webview.apk
03-10
有些平板缺失加载webview所依赖的内核apk的资源文件，会导致应用加载webview报错。需要自己安装webview的apk。 webview全称叫做Android System WebView，它是Android生态系统的重要组成部分，也是Chrome浏览器的...
WebView2Demo
05-17
**WebView2Demo** 是一个基于 **WinForms** UI框架的示例项目，它演示了如何在C#中使用 **Microsoft Edge WebView2** 控件。这个控件允许开发者在Windows应用程序中嵌入Web内容，利用Chromium内核提供现代网页浏览...
WebView模板
03-06
WebView模板是Android应用开发中常用的一种技术，它允许在原生应用中内嵌网页内容，为用户提供更加丰富的交互体验。这个模板提供了一个基础框架，开发者可以根据自己的需求进行修改，如更换图片、调整链接等，以适应...
android webview 版本69.0
12-25
在Android平台上，WebView是一个至关重要的组件，它允许开发者在应用程序中嵌入网页浏览功能，而无需启动完整的浏览器应用。在给定的标题“android webview 版本69.0”中，提到的是一个特定版本的WebView，即69.0。...
SwiftUI中的 WebView
最新发布
02-27
在SwiftUI中，WebView是一个非常重要的组件，它允许开发者在应用中嵌入网页内容，提供丰富的交互体验。SwiftUI是苹果公司推出的声明式用户界面框架，适用于iOS、macOS、watchOS和tvOS等平台。在SwiftUI中使用WebView...
封装WebView
10-18
PrimWeb 是一个代理的WebView基于的 Android WebView 和 腾讯 x5 WebView，容易、灵活使用以及功能非常强大的库，提供了 WebView 一系列的问题解决方案 ，并且轻量和灵活， 更方便 webview 的切换
WebView详解
03-03
### WebView详解 #### 概述 `WebView`是Android平台中用于展示网页内容的一个核心组件。它可以被视为一种轻量级的浏览器，允许开发者在应用程序内部嵌入网页，并提供一系列功能，如网页前后导航、放大缩小、文本...
Android使用WebView调用H5完成摄像头扫描二维码
11-04
在Android应用开发中，WebView是一个非常重要的组件，它允许我们加载和显示网页内容。这篇教程将详细介绍如何在Android中利用WebView来调用H5页面，从而实现摄像头扫描二维码的功能。 首先，我们需要理解WebView的...
Android9.0 升级webview方法-仅备忘
glunoy的专栏
03-29 9981
1.下载对应需要的webview内核 https://www.apkmirror.com/apk/google-inc/android-system-webview/ 优先下载稳定版。 beta版本还是算了。2021.3.29本人委托同事翻墙下载的版本为89.0.4389.90。看新闻说优化了不少东西。不知道有没有bug先用上。 2.替换源码下面的webview.apk。 方法是搜索find . -name webview.apk. 定位到external\chromium-webview\prebui
WebView使用解析（一）之基本用法
Watson的博客
06-13 1万+
WebView基本用法加载在线URLvoid loadUrl(String url)这个函数主要加载url所对应的网页地址，或者用于调用网页中的指定的JS方法（调用js方法的用法，后面会讲）,但有一点必须注意的是：loadUrl()必须在主线程中执行！！！否则就会报错！！！。 注意：加载在线网页地址是会用到联网permission权限。url = "http://www.baidu.com"; .
WebView全面解析
热门推荐
自由奔跑的风
08-24 2万+
WebView全面解析 简介 WebView是android中一个非常重要的控件，它的作用是用来展示一个web页面。它使用的内核是webkit引擎，4.4版本之后，直接使用Chrome作为内置网页浏览器。 作用 显示和渲染网页； 可与页面JavaScript交互，实现混合开发。 使用介绍 使用WebView之前，不要忘记在清单文件中声明访问网络权限： &amp;lt;uses...
android webview 类型,Flutter WebView的三种类型 打开方式
weixin_35731754的博客
05-26 317
由于在国内flutter应该还不是很广泛了，我在找这三种打开方式的时候费了九牛二虎之力了，各种百度各种谷歌，然后github，也只能找到某一类型的打开方式，所以耗费了好长时间了，所以写这篇文章的目的是帮助一写有需要的人节省一点时间了，有的时候感觉时间耗费在这些问题上感觉不值上了，从iOS转到flutter开发，用的android studio开发了，估计是刚用吧，感觉遇到的问题千奇百怪了，比起Xc...
Android WebView翻页效果实现
本文主要探讨如何在Android应用中实现WebView的翻页效果，特别是通过使用不同的动画技术来增强用户体验。 在Android开发中，WebView通常用于加载网页内容，但如果我们希望在用户翻页时添加一些过渡效果，如平滑滑动...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值