WebView

Webview基本设置

Android webview使用详解

webview监听后退事件

android webview js交互, 响应webview中的图片点击事件

手机APP Webview在电脑浏览器上调试

Android WebView 开发详解(一)

Android WebView 开发详解(二)

webview 缓存机制详解



Webview切换动画(结合 ViewFlipper 截图做切换效果

Android获取webView快照与屏幕截屏的方法

Android webview切换动画

Android上webview界面切换效果

当前activity的屏幕截图


Webview之Bug

loadData中的url参数不支持'#', '%', '\', '?'字符

Android WebView的坑总结

webview常见问题及处理

Android WebView常见问题及解决方案汇总

ebview点击穿透的缓解办法


WebView与javascript交互安全

Android WebView的Js对象注入漏洞解决方案

在WebView中如何让JS与Java安全地互相调用

WebView中接口隐患与手机挂马利用

Android Webview Java和Javascript安全交互


WebView支持Html5地理位置定位

    <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
    <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
WebSettings设置及重载onGeolocationPermissionsShowPrompt方法

		mWebview = (WebView)findViewById(R.id.wv);
		
		WebSettings config = mWebview.getSettings();
		
		config.setJavaScriptEnabled(true);		
		config.setDatabaseEnabled(true);    
		config.setGeolocationEnabled(true);  
		config.setGeolocationDatabasePath(this.getApplicationContext().getDir("database", Context.MODE_PRIVATE).getPath());   
		config.setDomStorageEnabled(true);	
		
		mWebview.requestFocus();
		mWebview.setScrollBarStyle(WebView.SCROLLBARS_OUTSIDE_OVERLAY);
                mWebview.setWebChromeClient(new WebChromeClient (){
			@Override
		        public void onGeolocationPermissionsShowPrompt(String origin, GeolocationPermissions.Callback callback) {
			    callback.invoke(origin, true, false);  
			    super.onGeolocationPermissionsShowPrompt(origin, callback); 				
			}
			
		});



Webview使用时的注意事项

  1. 一个列表页点击筛选是在不同页面间跳转的,即反复切来切去的。js需做history.back(-1)处理。
  2. 无论是js返回还是android返回,webview 都不触发shouldOverrideUrlLoading。
  3. stopLoading() 方法会强制触发onPageFinishe,完成一个页面加载的完整周期。
  4. 不要在onProgressChanged 指定进度为条件的触发事务,它不像进度条,不会必然触发某个特定进度,如进度0,在android 4.4中必然触发到。
  5. 但在android 4.2下,进度0从不触发。另外,若有进度0触发,该事件在onPageStarted之前触发。
  6. 在已链接wifi,但wifi不可用的情况下,不触发onPageFinished事件, 可通过自定义超时捕获并设置stopLoading(),使生命周期完整。
  7. 红米1s,小米3等一些手机webview不触发onReceivedError。在按返回的情况下也不触发onReceivedTitle(前进可以),导致返回时收不到title。处理方法:onReceivedError用onReceivedTitle匹配捕获,后退的异常标题只能靠自己建的标题栈来维护。
  8. JavascriptInterface 接口不可以在里面更新布局的UI,需要在子线程里更新,且新建的Handler需放在声明的JavascriptInterface接口对象的外面。
  9. android 4.4的文件上传接口有Bug,需要用兼容类AppCompatActivity解决。
  10. webview 最害怕重定向页面,重定向会捕获空白页,在按返回时会显示空白页,空白页又会触发重定向,如此反复导致无法正常返回。
  11. webview加载的页面若存在多子页面、局部视图渲染,对应的就会触发多少次onPageFinishe(如.net MVC中,一个页面有多少个Html.Raw()、Html.Partial()、Html.RenderPartial()等视图流渲染,就会触发多少次,且局部的onPageFinishe事件有可能比主页面的onPageStarted还早触发,严重影响事件的触发顺序),故需谨慎处理onPageFinishe里的事务逻辑,并做好多次触发执行不同路径的正确方案。
  12. android 4.1、android 4.2 中的webview存在穿透Bug。点击页面A,跳转到页面B,A页面的点击会穿透到页面B,这个特恶心。
  13. Webview重定向时的事件流程顺序为:onPageStarted A ,shouldOverrideUrlLoading B,onPageStarted B,onPageFinished B。
### Webview 技术介绍 Webview 是一种嵌入式浏览器组件,允许开发者在其应用中加载并渲染网页内容。它广泛应用于移动开发领域(如 Android 和 iOS),同时也支持桌面端的应用场景(如 Windows)。以下是关于 Webview 的详细介绍: #### 1. **Webview 的基本概念** Webview 提供了一种简单的方式来集成 HTML、CSS 和 JavaScript 到原生应用程序中。通过这种方式,开发者可以在同一界面中实现本地功能和网络资源的无缝交互[^2]。 #### 2. **主要特点** - **跨平台能力** Webview 基于 WebKit 引擎或其他现代浏览器引擎构建,能够运行在多个操作系统上,从而减少重复编码的工作量[^2]。 - **动态更新** 应用程序可以通过 Webview 实现即时的内容刷新,这对于新闻客户端或社交媒体类应用尤为重要[^2]。 - **安全性保障** 大多数 Webview 都内置了沙箱机制,有效隔离外部网站与宿主环境之间的数据交换,降低潜在风险[^2]。 #### 3. **不同平台下的 Webview** ##### (1) **Windows 平台上的 Flutter WebView** 对于希望利用 Dart 编程语言创建跨平台 GUI 应用的开发者来说,“flutter-webview-windows”是一个不错的选择。该项目基于 Microsoft Edge 的 WebView2 控件开发而成,提供了高性能以及良好的兼容性[^1]。 示例代码如下: ```dart import 'package:flutter_webview_windows/flutter_webview_windows.dart'; void main() { final webView = FlutterWebviewWindows(); webView.createWindow( title: "Example", width: 800, height: 600, url: Uri.parse('https://www.example.com'), ); } ``` ##### (2) **Android 上的 WebView** 在 Android 中,`android.webkit.WebView` 类被用来处理页面加载逻辑。除了常规操作外,还可以自定义设置来增强用户体验,比如启用 JavaScript 支持或者调整缩放比例[^4]。 配置样例: ```java WebView myWebView = findViewById(R.id.webview); myWebView.getSettings().setJavaScriptEnabled(true); // 启动 JS 功能 myWebView.setWebViewClient(new WebViewClient()); // 确保链接点击不会跳转到默认浏览器 myWebView.loadUrl("http://developer.android.com"); ``` ##### (3) **Unity 游戏引擎中的 WebView 插件** 如果目标是将互联网服务引入 Unity 构建的游戏里,则可以选择 “gree/unity-webview”。此插件经过优化后更加稳定可靠,并且易于集成至现有项目之中[^3]。 安装方法提示: ```bash git clone https://gitcode.com/gh_mirrors/uni/Unity-Webview.git cd Unity-Webview open YourProjectInUnity/ ``` --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值