Flutter WebView之给H5网页图片添加点击事件以实现原生图片预览

Flutter WebView之给H5网页图片添加点击事件以实现原生图片预览

前言

网上很多方案,都是获取html中的图片列表,再往里面添加点击事件。
思路是没错的,但是由于很多H5使用的VUE或者Ajax等技术异步加载渲染,因此此处需要借助jQuery库给一步渲染的img动态绑定事件。
具体怎么做,往下看。

环境及插件

插件:flutter_webview_pro
iOS: WKWebview
jQuery库:需要去jQuery官网下载文件,加到项目中,否则没法注入

代码实现


String js_message_handler_name =

最近更新

  1. TCP协议是安全的吗?

    2024-01-30 15:14:02       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-30 15:14:02       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-30 15:14:02       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-30 15:14:02       20 阅读

热门阅读

  1. 当量子计算机普及化:对未来生活方式的探讨

    2024-01-30 15:14:02       35 阅读
  2. 【leetcode100-077到080】【贪心】四题合集

    2024-01-30 15:14:02       37 阅读
  3. 服务器自启动服务总结

    2024-01-30 15:14:02       55 阅读
  4. LarkXR渲染服务器架构升级,探索XR新体验

    2024-01-30 15:14:02       38 阅读
  5. 前端自己整理的学习面试笔记

    2024-01-30 15:14:02       36 阅读
  6. XR虚拍技术:重塑微剧与短剧产业的创新引擎

    2024-01-30 15:14:02       42 阅读
  7. C#关键字ref和out

    2024-01-30 15:14:02       34 阅读
  8. 图的前向星表示2

    2024-01-30 15:14:02       37 阅读
  9. 大模型-文本扩展&聊天机器人

    2024-01-30 15:14:02       37 阅读