Android开发学习笔记：初学WebView

最新推荐文章于 2021-12-18 11:28:57 发布

tongseng

最新推荐文章于 2021-12-18 11:28:57 发布

阅读量448

点赞数

CC 4.0 BY-SA版权

分类专栏： Android 文章标签： Android 混合开发 webview

本文链接：https://blog.youkuaiyun.com/Tongseng/article/details/79625785

Android 专栏收录该内容

111 篇文章

订阅专栏

这篇博客介绍了Android中使用WebView进行混合开发的基本步骤，包括加载互联网和本地文件，设置回退功能，以及实现WebViewClient以避免跳转到外部浏览器。同时强调了在AndroidManifest.xml中添加INTERNET权限的重要性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

WebView(网络视图)能加载显示网页，可以将其视为一个浏览器。它使用了WebKit渲染引擎加载显示网页，实现WebView有以下两种不同的方法：

第一种方法的步骤：

1.在要Activity中实例化WebView组件：WebView webView = new WebView(this);

2.调用WebView的loadUrl()方法，设置WevView要显示的网页：
互联网用：webView.loadUrl("http://www.google.com");
本地文件用：webView.loadUrl("file:///android_asset/XX.html"); 本地文件存放在：assets 文件中

3.调用Activity的setContentView( )方法来显示网页视图

4.用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

5.需要在AndroidManifest.xml文件中添加权限，否则会出现Web page not available错误。
<uses-permission android:name="android.permission.INTERNET" />

下面是具体例子：

public class MainActivity extends AppCompatActivity {

    private WebView webview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        webview = new WebView(this);
        webview.getSettings().setJavaScriptEnabled(true);
        webview.loadUrl("http://www.baidu.com");
        webview.setWebViewClient(new HomeWebViewClient());
        setContentView(webview);
    }

    private class HomeWebViewClient extends WebViewClient{

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            view.loadUrl(request.getUrl().toString());
            return true;
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && webview.canGoBack()){
            webview.goBack();
            return true;
        }
        return super.onKeyDown(keyCode,event);
    }
}

其中如果不添加WebViewClient的话会调用系统自带的浏览器去查看相关网页，所以，如果我们想要在我们自己的页面上显示网页的话需要实现我们自己的webviewclient。

在AndroidManifest.xml文件中添加Internet的权限。

第二种方法的步骤：

1、在布局文件中声明WebView

2、在Activity中实例化WebView

3、调用WebView的loadUrl( )方法，设置WevView要显示的网页

4、为了让WebView能够响应超链接功能，调用setWebViewClient( )方法，设置 WebView视图

5、用WebView点链接看了很多页以后为了让WebView支持回退功能，需要覆盖覆盖Activity类的onKeyDown()方法，如果不做任何处理，点击系统回退剪键，整个浏览器会调用finish()而结束自身，而不是回退到上一页面

6、需要在AndroidManifest.xml文件中添加权限，否则出现Web page not available错误。

<uses-permission android:name="android.permission.INTERNET"/>

下面是具体的例子：

public class MainActivity extends AppCompatActivity {

    private WebView webview;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webview = findViewById(R.id.home_view);
        webview.getSettings().setJavaScriptEnabled(true);
        webview.loadUrl("http://www.baidu.com");
        webview.setWebViewClient(new HomeWebViewClient());
    }

    private class HomeWebViewClient extends WebViewClient{

        @Override
        public boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {
            view.loadUrl(request.getUrl().toString());
            return true;
        }
    }

    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_BACK && webview.canGoBack()){
            webview.goBack();
            return true;
        }
        return super.onKeyDown(keyCode,event);
    }
}

xml布局：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.tongseng.hybirddev.MainActivity">

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

</RelativeLayout>

添加响应的Internet权限

效果图如下：