安卓开发之WebView的使用

article/2025/9/17 17:02:01

文章预览

  • 前言
    • 1.什么是WebView?
    • 2.相关方法
  • 一、WebView简单使用
    • 1.1、环境准备
    • 1.2、MyWebChromClient.java
    • 1.3、MyWebViewClient
    • 1.4、MainActivity.java
    • 1.5、activity_main.xml
  • 二、效果预览

前言

1.什么是WebView?

Android内置webkit内核的高性能浏览器,而WebView则是在这个基础上进行封装后的一个 控件,WebView直译网页视图,我们可以简单的看作一个可以嵌套到界面上的一个浏览器控件!

2.相关方法

参考文章
https://www.runoob.com/w3cnote/android-tutorial-webview.html

一、WebView简单使用

1.1、环境准备

加入网络访问权限

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

创建一个assets文件夹用来放html网页或者一些不用编译的文件
在这里插入图片描述
在这里插入图片描述

放入一个html文件,如图所示

在这里插入图片描述

1.2、MyWebChromClient.java

继承WebChromeClient

package cn.zzuli.mywebview;import android.app.Activity;
import android.content.Context;
import android.webkit.WebChromeClient;
import android.webkit.WebView;public class MyWebChromClient extends WebChromeClient {private Activity mActivity;public MyWebChromClient(Activity mActivity) {this.mActivity = mActivity;}/*** 设置网页加载的进度条* @param view* @param newProgress*/@Overridepublic void onProgressChanged(WebView view, int newProgress) {super.onProgressChanged(view, newProgress);}/*** 设置网页标题* @param view* @param title*/@Overridepublic void onReceivedTitle(WebView view, String title) {super.onReceivedTitle(view, title);
//        必须在Activity的页面中设置mActivity.setTitle(title);}
}

1.3、MyWebViewClient

继承WebViewClient

package cn.zzuli.mywebview;import android.graphics.Bitmap;
import android.util.Log;
import android.webkit.WebResourceRequest;
import android.webkit.WebView;
import android.webkit.WebViewClient;public class MyWebViewClient extends WebViewClient {private WebView mwebView;public MyWebViewClient(WebView mwebView) {this.mwebView = mwebView;}/*** 设置不用本机的浏览器进行加载* @param view* @param request* @return*/@Overridepublic boolean shouldOverrideUrlLoading(WebView view, WebResourceRequest request) {view.loadUrl(request.getUrl().toString());return true;}/*** 点击的页面开始* @param view* @param url* @param favicon*/@Overridepublic void onPageStarted(WebView view, String url, Bitmap favicon) {super.onPageStarted(view, url, favicon);Log.d("webView","onPageStarted...");}/*** 点击的页面加载完成* @param view* @param url*/@Overridepublic void onPageFinished(WebView view, String url) {super.onPageFinished(view, url);Log.d("webView","onPageFinished...");//使用JS代码
//        mwebView.loadUrl("javascript:alert('韭菜盖饭!')");mwebView.evaluateJavascript("javascript:alert('韭菜盖饭!')",null);}
}

1.4、MainActivity.java

package cn.zzuli.mywebview;import androidx.appcompat.app.AppCompatActivity;import android.os.Bundle;
import android.view.KeyEvent;
import android.webkit.WebView;public class MainActivity extends AppCompatActivity {private WebView mwebView;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mwebView = findViewById(R.id.wv);//加载本地网页mwebView.loadUrl("file:///android_asset/test.html");//加载网络页面mwebView.getSettings().setJavaScriptEnabled(true);//设置自定义的MyWebViewClientmwebView.setWebViewClient(new MyWebViewClient(mwebView));//设置自定义的MyWebChromClientmwebView.setWebChromeClient(new MyWebChromClient(this));//本地写一些JS代码,网页端进行调用
//        mwebView.addJavascriptInterface();mwebView.loadUrl("https://m.baidu.com/");  //地址为百度移动站点}/*** 解决退出网页却直接退出Activity的问题* @param keyCode* @param event* @return*/@Overridepublic boolean onKeyDown(int keyCode, KeyEvent event) {if(keyCode == KeyEvent.KEYCODE_BACK && mwebView.canGoBack()){mwebView.goBack();return true;}return super.onKeyDown(keyCode, event);}
}

1.5、activity_main.xml

布局文件就包含了一个WebView组件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".MainActivity"><WebViewandroid:id="@+id/wv"android:layout_width="match_parent"android:layout_height="match_parent"/></LinearLayout>

二、效果预览

在这里插入图片描述


http://chatgpt.dhexx.cn/article/5itRjpVS.shtml

相关文章

安卓WebView的使用

一、WebView简介 WebView是Android中的原生UI控件&#xff0c;主要用于在app应用中方便地访问远程网页或本地html资源。同时&#xff0c;WebView也在Android中充当Java代码和JS代码之间交互的桥梁。实际上&#xff0c;也可以将WebView看做一个功能最小化的浏览器。 安卓官方Web…

安卓WebView(H5)调用原生相机及相册

在开始叙述正文之前笔者先声明一下应用场景&#xff1a;例如在网页上的即时通讯需要能拍照或者从图库选择图片来进行上传,此场景下就可以用到这篇文章的内容 正文 首先&#xff0c;如果你已经把相机以及访问文件夹的权限都加上了并且WebView的基础操作都做完了&#xff0c;就差…

安卓webview和js+html交互利用的addJavascriptInterface和webview.loadUrl(javascript:**);

近期做一个项目需要把一个 服务支持的界面用webview来显示..呀 html白雪了js更是一样啥也不会&#xff0c;相信很多初学屌丝员跟我一样,, html开发工具都不知道怎么写..哈哈哈.....现在把做完的结果分享一下先上图了 ,, 这是从项目中特意分离出来的demo这里之上一些关键代码…

安卓webview和h5交互

先上html的代码&#xff1a; <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML><HEAD><TITLE>安卓和js交互demo</TITLE><meta charset"utf-8"></HEAD><script> function giveAnd…

Android—WebView与JS交互

Html文件&#xff1a; WebView与JS交互方式&#xff1a; 1. 前提&#xff1a; WebSettings webSettings webView.getSettings(); // 设置与Js交互的权限 webSettings.setJavaScriptEnabled(true);webView.setWebChromeClient(new WebChromeClient(){Overridepublic boolean …

【Android】之【WebView】

一、简介 WebView是一种控件&#xff0c;它基于webkit引擎&#xff0c;因此具备渲染Web页面的功能。   基于Webview的混合开发&#xff0c;就是在 Android os(安卓)/I os(苹果)原生APP里&#xff0c;通过WebView控件嵌入Web页面。 你手机里有淘宝软件吧&#xff1f; 就是外…

WebView---Android与js交互实例

Android 中可以通过webview来实现和js的交互&#xff0c;在程序中调用js代码&#xff0c;只需要将webview控件的支持js的属性设置为true Android&#xff08;Java&#xff09;与JavaScript&#xff08;HTML&#xff09;交互有四种情况&#xff1a; 1&#xff09; Android&…

【Android】WebView控件最全使用解析

WebView控件最全使用解析 一、WebView 概述二、WebView使用基础篇2.1添加方式2.2 加载远程网页2.3 加载本地网页2.4 加载HTML片段2.5 WebView 常用方法 三、WebView 进阶篇3.1 WebSettings类3.2 WebViewClient类常见方法使用案例 3.3 WebChromeClient类常用方法使用案例测试网页…

Android:这是一份全面 详细的Webview使用攻略

前言 现在很多App里都内置了Web网页&#xff08;Hybrid App&#xff09;&#xff0c;比如说很多电商平台&#xff0c;淘宝、京东、聚划算等等&#xff0c;如下图 京东首页 那么这种该如何实现呢&#xff1f;其实这是Android里一个叫WebView组件实现 今天&#xff0c;我将献…

数据字典的代码示例

数据字典UI设计&#xff1a; 设计说明&#xff1a; 1. 该数据字典支持多级节点。 2. 左边是数据字典树&#xff1b;右边是编辑框&#xff0c;可以对某个数据字典及其一级子节点进行编辑。 代码&#xff1a;https://github.com/tinazhao1985/spring-cloud-demo/tree/master/di…

关于SQL数据字典的详解

相信在学习数据库的时候很多人在设计表的时候会将一些数据量少的数据放到一个表里面 然后使数据库的表比较多。但是其实呢我们可以见那先数据固定的数据放在同一个表里面&#xff0c;这样就 可以减少很多表的创建&#xff0c;这就是数据字典 数据字典分两个表&#xff1a; 一个…

Java 数据字典的实现

Java数据字典实现 目录概述需求&#xff1a; 设计思路实现思路分析1.从数据库中字典2.获取字典的数值 拓展实现性能参数测试&#xff1a; 参考资料和推荐阅读 Survive by day and develop by night. talk for import biz , show your perfect code,full busy&#xff0c;skip h…

数据字典功能

1. 什么是数据字典 数据字典存储有关数据的来源、说明、与其他数据的关系、用途和格式等信息&#xff0c;它本身就 是一个数据库&#xff0c;存储“关于数据项的数据”。数据字典是个指南&#xff0c;它为数据库提供了“路线图”&#xff0c; 而不是“原始数据”。换句话说&…

数据字典实现

目录 前言 一、创建springboot的工程&#xff0c;pom文件 二、实体类&#xff0c;mapper层&#xff0c;service层&#xff0c;controller层 1.实体类 2.mapper层 3.service层 4.service实现层简称(serviceImpl) 5.controller层 实现效果&#xff1a; 前言 首先在写数据字典之前…

数据库设计之数据字典的使用与设计

如何使用数据字典 文章目录 如何使用数据字典使用场景 :解决方案 :简单解决&#xff1a;企业级理解&#xff1a;数据字典是什么&#xff1a;使用数据字典的优点&#xff1a; 使用场景 : 在平时开发的过程中&#xff0c;特别是在遇到表单时候&#xff0c;我们经常需要为前端提供…

数据库 - 数据字典及其使用

1 数据字典 1.1 什么是数据字典 将如下这些具有相同类型的配置项&#xff0c;配置到系统的数据字典表中&#xff0c;方便系统维护&#xff0c;由超级管理员统一在后台进行数据字典维护&#xff0c;如果用户需求要增加变更配置项&#xff0c;只需要修改数据字典表记录…

字典的数据处理与可视化

数据处理与可视化 字典数据处理实现数据可视化字典 首先,我们先简单了解一下字典。字典是一个无序、可变和有索引的集合。在 Python 中,字典用花括号表示,拥有键和值。如:{‘id’:1211,‘colors’:‘aliceblue’} 。而字典中包含有字典,称为嵌套字典。如:{‘id’:1211,‘…

数据字典及其使用

1 数据字典 1.1 什么是数据字典 将如下这些具有相同类型的配置项&#xff0c;配置到系统的数据字典表中&#xff0c;方便系统维护&#xff0c;由超级管理员统一在后台进行数据字典维护&#xff0c;如果用户需求要增加变更配置项&#xff0c;只需要修改数据字典表记录…

软件工程~数据字典例子解释

软件工程~数据字典&#xff08;个人理解&#xff09; 数据字典&#xff1a;关于数据的信息的集合&#xff0c;也就是对数据流图中包含的所有元素的定义的集合。 如果开发小型软件系统时暂时没有数据字典的处理程序&#xff0c;建议使用卡片形式书写数据字典&#xff0c;这里先看…

java静态内部类单例的好处,你确定你的单例模式真的用对了?

一、什么是单例模式 单例模式是一种常用的软件设计模式&#xff0c;其定义是单例对象的类只能允许一个实例存在。该类负责创建自己的对象&#xff0c;同时确保只有一个对象被创建。一般常用在工具类的实现或创建对象需要消耗资源的业务场景。 单例模式的特点&#xff1a; 1.类构…