Android开发学习笔记:浅谈WebView

简介: Android开发学习笔记:浅谈WebView

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错误。

 

下面是具体例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7.  
  8. public class MainActivity extends Activity {  
  9.    private WebView webview;  
  10.    @Override 
  11.    public void onCreate(Bundle savedInstanceState) {  
  12.        super.onCreate(savedInstanceState);  
  13.        //实例化WebView对象  
  14.        webview = new WebView(this);  
  15.        //设置WebView属性,能够执行Javascript脚本  
  16.        webview.getSettings().setJavaScriptEnabled(true);  
  17.        //加载需要显示的网页  
  18.        webview.loadUrl("http://www.51cto.com/");  
  19.        //设置Web视图  
  20.        setContentView(webview);  
  21.    }  
  22.      
  23.    @Override 
  24.    //设置回退  
  25.    //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
  26.    public boolean onKeyDown(int keyCode, KeyEvent event) {  
  27.        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  28.            webview.goBack(); //goBack()表示返回WebView的上一页面  
  29.            return true;  
  30.        }  
  31.        return false;  
  32. }

在AndroidManifest.xml文件中的17行添加权限

  1. xml version="1.0" encoding="utf-8"?>
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android"
  3. package="com.android.webview.activity"
  4. android:versionCode="1"
  5. android:versionName="1.0">
  6. <uses-sdk android:minSdkVersion="10" />

  7. <application android:icon="@drawable/icon" android:label="@string/app_name">
  8. <activity android:name=".MainActivity"
  9. android:label="@string/app_name">
  10. <intent-filter>
  11. <action android:name="android.intent.action.MAIN" />
  12. <category android:name="android.intent.category.LAUNCHER" />
  13. intent-filter>
  14. activity>
  15. application>
  16. <uses-permission android:name="android.permission.INTERNET"/>
  17. manifest>

效果图:

image.png

第二种方法的步骤:

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错误。

下面是具体的例子:

MainActivity.java

  1. package com.android.webview.activity;  
  2.  
  3. import android.app.Activity;  
  4. import android.os.Bundle;  
  5. import android.view.KeyEvent;  
  6. import android.webkit.WebView;  
  7. import android.webkit.WebViewClient;  
  8.  
  9. public class MainActivity extends Activity {  
  10.    private WebView webview;  
  11.    @Override 
  12.    public void onCreate(Bundle savedInstanceState) {  
  13.        super.onCreate(savedInstanceState);  
  14.        setContentView(R.layout.main);  
  15.        webview = (WebView) findViewById(R.id.webview);  
  16.        //设置WebView属性,能够执行Javascript脚本  
  17.        webview.getSettings().setJavaScriptEnabled(true);  
  18.        //加载需要显示的网页  
  19.        webview.loadUrl("http://www.51cto.com/");  
  20.        //设置Web视图  
  21.        webview.setWebViewClient(new HelloWebViewClient ());  
  22.    }  
  23.      
  24.    @Override 
  25.    //设置回退  
  26.    //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法  
  27.    public boolean onKeyDown(int keyCode, KeyEvent event) {  
  28.        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {  
  29.            webview.goBack(); //goBack()表示返回WebView的上一页面  
  30.            return true;  
  31.        }  
  32.        return false;  
  33.    }  
  34.      
  35.    //Web视图  
  36.    private class HelloWebViewClient extends WebViewClient {  
  37.        @Override 
  38.        public boolean shouldOverrideUrlLoading(WebView view, String url) {  
  39.            view.loadUrl(url);  
  40.            return true;  
  41.        }  
  42.    }  
  43. }

main.xml

  1. xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
  3.    android:orientation="vertical" 
  4.    android:layout_width="fill_parent" 
  5.    android:layout_height="fill_parent" 
  6.    >    
  7.    <WebView  
  8.        android:id="@+id/webview" 
  9.        android:layout_width="fill_parent" 
  10.        android:layout_height="fill_parent" 
  11.        /> 
  12. LinearLayout> 

在AndroidManifest.xml文件中的17行添加权限

  1. xml version="1.0" encoding="utf-8"?> 
  2. <manifest xmlns:android="http://schemas.android.com/apk/res/android" 
  3.      package="com.android.webview.activity" 
  4.      android:versionCode="1" 
  5.      android:versionName="1.0"> 
  6.    <uses-sdk android:minSdkVersion="10" /> 
  7.  
  8.    <application android:icon="@drawable/icon" android:label="@string/app_name"> 
  9.        <activity android:name=".MainActivity" 
  10.                  android:label="@string/app_name"> 
  11.            <intent-filter> 
  12.                <action android:name="android.intent.action.MAIN" /> 
  13.                <category android:name="android.intent.category.LAUNCHER" /> 
  14.            intent-filter> 
  15.        activity> 
  16.    application> 
  17.    <uses-permission android:name="android.permission.INTERNET"/> 
  18. manifest> 

效果图:

image.png

相关文章
|
12天前
|
程序员 开发工具 Android开发
Android|WebView 禁止长按,限制非白名单域名的跳转层级
如何限制 WebView 仅域名白名单网址能随意跳转,并禁用长按选择文字。
23 2
|
21天前
|
Dart Android开发
鸿蒙Flutter实战:03-鸿蒙Flutter开发中集成Webview
本文介绍了在OpenHarmony平台上集成WebView的两种方法:一是使用第三方库`flutter_inappwebview`,通过配置pubspec.lock文件实现;二是编写原生ArkTS代码,自定义PlatformView,涉及创建入口能力、注册视图工厂、处理方法调用及页面构建等步骤。
39 0
|
4月前
|
存储 移动开发 Android开发
使用kotlin Jetpack Compose框架开发安卓app, webview中h5如何访问手机存储上传文件
在Kotlin和Jetpack Compose中,集成WebView以支持HTML5页面访问手机存储及上传音频文件涉及关键步骤:1) 添加`READ_EXTERNAL_STORAGE`和`WRITE_EXTERNAL_STORAGE`权限,考虑Android 11的分区存储;2) 配置WebView允许JavaScript和文件访问,启用`javaScriptEnabled`、`allowFileAccess`等设置;3) HTML5页面使用`<input type="file">`让用户选择文件,利用File API;
|
5月前
|
安全 JavaScript 前端开发
kotlin开发安卓app,JetPack Compose框架,给webview新增一个按钮,点击刷新网页
在Kotlin中开发Android应用,使用Jetpack Compose框架时,可以通过添加一个按钮到TopAppBar来实现WebView页面的刷新功能。按钮位于右上角,点击后调用`webViewState?.reload()`来刷新网页内容。以下是代码摘要:
|
5月前
|
JavaScript 前端开发 Android开发
kotlin安卓在Jetpack Compose 框架下使用webview , 网页中的JavaScript代码如何与native交互
在Jetpack Compose中使用Kotlin创建Webview组件,设置JavaScript交互:`@Composable`函数`ComposableWebView`加载网页并启用JavaScript。通过`addJavascriptInterface`添加`WebAppInterface`类,允许JavaScript调用Android方法如播放音频。当页面加载完成时,执行`onWebViewReady`回调。
|
5月前
|
JavaScript 前端开发 Android开发
kotlin开发 webview如何在收到JS调用后,native返回数据给到JS
这段内容描述了在Hybrid App开发中,使用Kotlin的Compose构建的Web视图(WebView)如何通过JsBridge实现JavaScript与原生代码的交互
|
4月前
|
Web App开发 JavaScript 前端开发
Android端使用WebView注入一段js代码实现js调用android
Android端使用WebView注入一段js代码实现js调用android
99 0
|
5月前
|
安全 网络安全 API
kotlin安卓开发JetPack Compose 如何使用webview 打开网页时给webview注入cookie
在Jetpack Compose中使用WebView需借助AndroidView。要注入Cookie,首先在`build.gradle`添加WebView依赖,如`androidx.webkit:webkit:1.4.0`。接着创建自定义`ComposableWebView`,通过`CookieManager`设置接受第三方Cookie并注入Cookie字符串。最后在Compose界面使用这个自定义组件加载URL。注意Android 9及以上版本可能需要在网络安全配置中允许第三方Cookie。
|
API Android开发 数据安全/隐私保护
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
解决android webview 加载http url 失败 net::ERR_CLEARTEXT_NOT_PERMITTED 错误
912 0
|
5月前
|
Web App开发 移动开发 前端开发
52. 【Android教程】网页视图:WebView
52. 【Android教程】网页视图:WebView
85 1