美文网首页
图解WebView -- (1) WebView概述

图解WebView -- (1) WebView概述

作者: 果汁味Studio | 来源:发表于2023-03-24 11:30 被阅读0次

    前言

    目前各移动应用或多或少都内嵌了Web网页,在Android开发中,就不可避免的使用本系列的主角——WebView

    一、WebView 是什么?

    webapps示意图.png
    • WebView是Android 展示Web网页的控件,类似于应用提供一个内置的浏览器,在应用内实现和浏览器一致的网页展示效果(如上图所示)。
    • WebView基于开源的 webkit 引擎实现。
    • Android 4.4开始基于Chromium引擎实现(渲染性能提升)。

    二、 WebView 有什么用?

    • 除了具备一般View的特性外,WebView还可完成url请求、Web页面加载、渲染、页面交互等。
    • 直接加载html文件(网络上或本地assets中)作为页面布局。
    • 提供了Android应用和JavaScript通信交互的通道(实现混合开发的基础)。

    三、WebView的基本使用

    3.1 应用权限配置

    • 访问网络数据,需要在AndroidManifest添加网络权限。
     <uses-permission android:name="android.permission.INTERNET" />
    

    3.2 在布局文件中添加WebView控件

       <WebView
            android:id="@+id/webview"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
    

    3.3 WebView网页加载

    • 以下例子为打开百度页面。
    • 由于网页中使用了Javascript,所以需要设置支持Javascript
    public final class Demo1Activity extends AppCompatActivity {
    
        private ActivityDemo1Binding binding;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            binding = ActivityDemo1Binding.inflate(getLayoutInflater());
            setContentView(binding.getRoot());
            //获取WebView设置对象
            WebSettings settings = binding.webview.getSettings();
            //设置支持JavaScript
            settings.setJavaScriptEnabled(true);
            binding.webview.loadUrl("https://www.baidu.com");
        }
    }
    
    • 使用了ViewBinding,需要在build.gradle中加上以下配置
      viewBinding {
            enabled = true
        }
    

    四、 WebView核心知识体系

    整个WebView应用开发核心知识体系,主要包含以下几大块:


    WebView核心体系.png

    4.1 WebView提供的API

    WebView 作为核心控件,其自身功能十分强大,提供了许多API,供开发调用。

    4.2 WebSettings

    • WebSettings是专门 对WebView控件配置和管理的类。

    4.3 WebViewClient

    WebViewClient辅助WebView控件处理各种通知与请求事件的一个类

    4.4 WebChromeClient

    WebChromeClient辅助WebView处理Javascript的对话框、网站图标、网站title、加载进度等的类

    4.5 Android与JS通信交互

    • 实现混合开发的基础,Web网页通过JS调用Android原生接口实现混合开发业务。

    参考资料

    相关文章

      网友评论

          本文标题:图解WebView -- (1) WebView概述

          本文链接:https://www.haomeiwen.com/subject/lacfnrtx.html