长按有乾坤：解锁WebView图片和二维码的便捷操作

Android

2023-09-26 22:38:42

升级你的 WebView：实现长按保存图片和二维码识别

WebView，作为一种广泛用于移动应用的嵌入式 Web 浏览器控件，为用户提供无缝的应用内浏览体验。为了让这种体验更上一层楼，赋予 WebView 额外的功能至关重要，例如长按保存图片和识别二维码。

长按保存图片

想象一下，你正在浏览网页，看到一张令你印象深刻的图片。你想将它保存下来，但又不想离开应用程序。使用长按保存图片功能，你可以轻松实现这一操作。

步骤：

监听长按事件： 使用 JavaScript 监听 WebView 的 longpress 事件。
获取图片 URL： 从 event.target 中提取图片的 URL。
打开新窗口： 使用 window.open 方法打开一个新窗口，并将图片 URL 作为源。
触发下载： 在新建窗口中，使用 JavaScript 触发图片下载。

代码示例：

webView.addEventListener('longpress', function(event) {
  var imgURL = event.target.src;
  var newWindow = window.open(imgURL);
  newWindow.document.write('<img src="' + imgURL + '" />');
});

识别二维码

二维码无处不在，它们包含大量信息，从简单的文本到复杂的 URL。通过 WebView 的二维码识别功能，你可以轻松读取这些信息，并根据需要采取相应操作。

步骤：

导入库： 在 WebView 中导入一个二维码识别库，例如 ZXing。
初始化扫描仪： 创建一个 ZXing 二维码扫描仪并初始化它。
监听长按事件： 与保存图片功能类似，监听 WebView 的 longpress 事件。
获取图片： 从 event.target 中提取图片。
扫描二维码： 使用 ZXing 扫描仪扫描提取的图片。
处理结果： 根据扫描结果，采取适当的操作，例如打开链接或显示更多信息。

代码示例：

import com.google.zxing.integration.android.IntentIntegrator;

webView.addEventListener('longpress', function(event) {
  var img = event.target;
  var intentIntegrator = new IntentIntegrator(this);
  intentIntegrator.setPrompt('Scan QR code');
  intentIntegrator.initiateScan();
});