Android（五十七）：WebView - 获取网页logo和标题、监听页面滚动、刷新页面、两端交互

展示

源码

web端

<!DOCTYPE html>
<html lang="zh-cn"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport"content="width=device-width,user-scalable=no,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0"><title>WebView 页面</title><link rel="shortcut icon" href="./imgs/avatar.png" type="image/png"><link rel="stylesheet" href="./css/index.css"><script src="https://unpkg.com/vconsole@latest/dist/vconsole.min.js"></script><script src="./js/index.js"></script>
</head><body><input id="text" type="text" placeholder="请输入" /><button onclick="handleAndroidFun()">交互</button><script>const handleAndroidFun = () => {let { value } = document.getElementById('text');const str = Android.ShowToast(value);console.log(Android, str);}</script>
</body></html>

布局

<?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"android:orientation="vertical"android:padding="5dp"><LinearLayoutandroid:layout_width="match_parent"android:layout_height="50dp"android:orientation="horizontal"android:background="@color/colorPrimary"android:paddingLeft="10dp"android:paddingRight="10dp"android:layout_marginBottom="5dp"><ImageViewandroid:id="@+id/icon"android:layout_width="30dp"android:layout_height="match_parent"android:src="@drawable/avatar"/><TextViewandroid:id="@+id/title"android:layout_width="0dp"android:layout_height="match_parent"android:layout_weight="1"android:gravity="center"android:text="@string/app_name"/><Buttonandroid:id="@+id/refresh"android:layout_width="60dp"android:layout_height="match_parent"android:background="@android:color/transparent"android:text="刷新"/><Buttonandroid:id="@+id/js_btn"android:layout_width="60dp"android:layout_height="match_parent"android:background="@android:color/transparent"android:text="调js"/></LinearLayout><RelativeLayoutandroid:id="@+id/content_layout"android:layout_width="match_parent"android:layout_height="match_parent" /></LinearLayout>

脚本

using Android.App;
using Android.Content;
using Android.Graphics;
using Android.OS;
using Android.Views;
using Android.Webkit;
using Android.Widget;
using Java.Interop;
using Java.Lang;namespace PrimaryBlankApp
{[Activity(Label = "@string/app_name", Theme = "@style/AppTheme", MainLauncher = true)]public class MainActivity : Activity{public static ImageView IconView;public static TextView TitleView;private WebView _webView;private long _exitTime;protected override void OnCreate(Bundle savedInstanceState){base.OnCreate(savedInstanceState);SetContentView(Resource.Layout.activity_main);IconView = FindViewById<ImageView>(Resource.Id.icon);TitleView = FindViewById<TextView>(Resource.Id.title);var refresh = FindViewById<Button>(Resource.Id.refresh);var jsBtn = FindViewById<Button>(Resource.Id.js_btn);var contentLayout = FindViewById<RelativeLayout>(Resource.Id.content_layout);_webView = new WebView(this);_webView.LayoutParameters =new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MatchParent, ViewGroup.LayoutParams.MatchParent);_webView.SetWebChromeClient(new MyWebChromeClient());_webView.Settings!.JavaScriptEnabled = true; // 允许执行js脚本// 必须，参数一为供前端使用的对象Value（仅暴露的），参数二为供前端使用的对象Key_webView.AddJavascriptInterface(new JavaScriptMethod(this), "Android"); _webView.LoadUrl("http://10.10.1.184:5500/");contentLayout?.AddView(_webView);// 监听WebView滚动_webView.ScrollChange += (sender, args) => { JavaScriptMethod.ShowToast($"监听网页滚动 ---> {args.ScrollY}"); };// 刷新if (refresh != null)refresh.Click += delegate { _webView.Reload(); };// 调jsif (jsBtn != null)jsBtn.Click += delegate { _webView.LoadUrl("javascript:handleAndroidFun()"); };}// 返回键public override void OnBackPressed(){// 判断网页是否能后退，可以则后退if (_webView.CanGoBack())_webView.GoBack();// 网页不能后退,则连续点击两次间隔不超过2000退出Appelse{if (JavaSystem.CurrentTimeMillis() - _exitTime > 2000){Toast.MakeText(this, "再按一次退出程序", ToastLength.Short)?.Show();_exitTime = JavaSystem.CurrentTimeMillis();}elsebase.OnBackPressed();}}// 前端的方法类private class JavaScriptMethod : Object{private static Context _context;public JavaScriptMethod(Context context){_context = context;}// 需要引入 Mono.Android.Export.dll[Export("ShowToast")] // 暴露给前端的方法名称[JavascriptInterface] // 将方法暴露给前端public static string ShowToast(string str){Toast.MakeText(_context, str, ToastLength.Short)?.Show();return str;}}}internal class MyWebChromeClient : WebChromeClient{public override void OnReceivedIcon(WebView view, Bitmap icon){MainActivity.IconView.SetImageBitmap(icon);base.OnReceivedIcon(view, icon);}public override void OnReceivedTitle(WebView view, string title){MainActivity.TitleView.Text = title;base.OnReceivedTitle(view, title);}}
}

Android（五十七）：WebView - 获取网页logo和标题、监听页面滚动、刷新页面、两端交互相关推荐

Android WebView获取网页中JavaScript弹框内容
Android WebView获取网页中JavaScript弹框内容网页中弹窗的js代码为 <script type="text/javascript" language= ...
Android 使用JS注入获取网页视频链接
Android 使用JS注入获取网页视频链接思路: 1.通过js注入获取整个网页html. 2.通过jsoup分析获取video播放器的数据源. 一.开启webviewjs功能,注入js回调 mWe ...
php网站怎么打包成apk,Android编程实现webview将网页打包成apk的方法
本文实例讲述了Android编程实现webview将网页打包成apk的方法.分享给大家供大家参考,具体如下: 功能非常简单,而且乍一看没什么特别大的用处,因为实际上就是浏览器而已...但如果说网页一开 ...
Android项目：使用pulltorefresh开源项目扩展为下拉刷新上拉加载更多的处理方法，监听listview滚动方向...
很多android应用的下拉刷新都是使用的pulltorefresh这个开源项目,但是它的扩展性在下拉刷新同时又上拉加载更多时会有一定的局限性.查了很多地方,发现这个开源项目并不能很好的同时支持下拉刷 ...
android u盘挂载监听,Android SD卡及U盘插拔状态监听及内容读取
本篇是通过系统方法来对sd卡及U盘插拔监听及数据获取,Android盒子端开发,有系统权限,当然,这个比较简单,知道具体方法,可以通过反射来实现. 先贴上效果图: 获取外置存储设备并监听插拔状态获取 ...
Android SD卡及U盘插拔状态监听和内容读取
本篇是通过系统方法来对sd卡及U盘插拔监听及数据获取,Android盒子端开发,有系统权限,当然,这个比较简单,知道具体方法,可以通过反射来实现. 先贴上效果图: 获取外置存储设备并监听插拔状态获取 ...
JavaScript 技术篇-通过代码获取dom元素绑定的监听事件，chrome浏览器查看js元素绑定的监听事件
> var a = document.querySelector("#su"); < undefined > getEventListeners(a); < ...
微信小程序批量获取input的输入值，监听输入框，数据同步
微信小程序批量获取input的输入值,监听输入框,数据同步在使用小程序时,跟vue的数据绑定不一样,没有v-model这个属性了,官网也只是给了一些事件监听. 但是我们如果有多个表单时,需要写多个事 ...
android全局监听onkeydown,Android中的几个onTouch()事件、onKeyDown监听返回键无效
Android中的几个onTouch()事件.onKeyDown监听返回键无效一:Android中的几个onTouch()事件继承SimpleOnGestureListener,HahaGestu ...
webview获取网页标题并展示、自定义（重写）网页的alert弹框
webView.setWebChromeClient(new WebChromeClient() { //获取网页的标题 @Override public void onReceivedTitle(W ...

Android（五十七）：WebView - 获取网页logo和标题、监听页面滚动、刷新页面、两端交互

展示

源码

web端

布局

脚本

Android（五十七）：WebView - 获取网页logo和标题、监听页面滚动、刷新页面、两端交互相关推荐

最新文章

热门文章