APP(iOS)端 从网页拿到第一张图片

2024-06-18 22:08

本文主要是介绍APP(iOS)端 从网页拿到第一张图片,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!



class GetWebviewImageHelper: NSObject, WKScriptMessageHandler  {

    

    

    var didGetImg: ((UIImage?) -> (Void))?

    

    init(view: WKWebView) {

        super.init()

        self.initWebket(view)

    }

    

//初始化 webview 并添加 对 "getimage"(此处是死的) 监听

    private func initWebket(webView: WKWebView) {

        webView.configuration.userContentController.addScriptMessageHandler(self, name: "getimage")

    }


    ///获取网页图片 //(js 代码) 

    func getWebViewImages(view: WKWebView) {

        let url = "javascript:(function(){var imgs = document.getElementsByTagName(\"img\");if (imgs.length > 0) {" +

            "window.webkit.messageHandlers.getimage.postMessage(imgs[0].src);" +

            "}" + "})()"


        view.evaluateJavaScript(url) { (obj, err) in

            if let error = err {

                debugPrint(error.domain)

            }

        }

    }

    

    

    ///受到回调

    func userContentController(userContentController: WKUserContentController, didReceiveScriptMessage message: WKScriptMessage) {

        

        if let urlStr = message.body as? String {

            

            let manager = SDWebImageDownloader()

            manager.downloadImageWithURL(NSURL(string: urlStr), options: SDWebImageDownloaderOptions(), progress: nil, completed: { (img, data, error, bol) in

               self.didGetImg?(img)

            })


        }

        

    }

    

    //移除监听

    func releaseMessageHandler(webView: WKWebView?) {

        if let wb = webView {

            wb.configuration.userContentController.removeScriptMessageHandlerForName("getimage")

        }

    }

    

}


上面的类是获取 image类 需要在 wekwebview 实例化

然后在webview 的 代理方法里面调用  getWebViewImages 方法


   func webView(webView: WKWebView, didFinishNavigation navigation: WKNavigation!) {

        if let title = webView.title {

            webTitle = title

            netLoadFinsh?(title)

            

            if let h = helper {

                h.getWebViewImages(webView)

            }

        }

    }

同时在deinit 时 移除对webview的监听

  deinit {

        if let h = helper {

            h.releaseMessageHandler(webView)

        }

    }






这篇关于APP(iOS)端 从网页拿到第一张图片的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1073188

相关文章

网页解析 lxml 库--实战

lxml库使用流程 lxml 是 Python 的第三方解析库,完全使用 Python 语言编写,它对 XPath表达式提供了良好的支 持,因此能够了高效地解析 HTML/XML 文档。本节讲解如何通过 lxml 库解析 HTML 文档。 pip install lxml lxm| 库提供了一个 etree 模块,该模块专门用来解析 HTML/XML 文档,下面来介绍一下 lxml 库

使用opencv优化图片(画面变清晰)

文章目录 需求影响照片清晰度的因素 实现降噪测试代码 锐化空间锐化Unsharp Masking频率域锐化对比测试 对比度增强常用算法对比测试 需求 对图像进行优化,使其看起来更清晰,同时保持尺寸不变,通常涉及到图像处理技术如锐化、降噪、对比度增强等 影响照片清晰度的因素 影响照片清晰度的因素有很多,主要可以从以下几个方面来分析 1. 拍摄设备 相机传感器:相机传

安卓链接正常显示,ios#符被转义%23导致链接访问404

原因分析: url中含有特殊字符 中文未编码 都有可能导致URL转换失败,所以需要对url编码处理  如下: guard let allowUrl = webUrl.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) else {return} 后面发现当url中有#号时,会被误伤转义为%23,导致链接无法访问

EasyPlayer.js网页H5 Web js播放器能力合集

最近遇到一个需求,要求做一款播放器,发现能力上跟EasyPlayer.js基本一致,满足要求: 需求 功性能 分类 需求描述 功能 预览 分屏模式 单分屏(单屏/全屏) 多分屏(2*2) 多分屏(3*3) 多分屏(4*4) 播放控制 播放(单个或全部) 暂停(暂停时展示最后一帧画面) 停止(单个或全部) 声音控制(开关/音量调节) 主辅码流切换 辅助功能 屏

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中,在进行一些平板等默认横屏的设备开发的过程中,需要在进入camera2的 时候,默认预览图像也是需要横屏显示的,在上一篇已经实现了横屏预览功能,然后发现横屏预览后,拍照保存的图片 依然是竖屏的,所以说同样需要将图片也保存为横屏图标了,所以就需要看下mtk的camera2的相关横屏保存图片功能, 如何实现实现横屏保存图片功能 如图所示: 2.mtk

Spring MVC 图片上传

引入需要的包 <dependency><groupId>commons-logging</groupId><artifactId>commons-logging</artifactId><version>1.1</version></dependency><dependency><groupId>commons-io</groupId><artifactId>commons-

【iOS】MVC模式

MVC模式 MVC模式MVC模式demo MVC模式 MVC模式全称为model(模型)view(视图)controller(控制器),他分为三个不同的层分别负责不同的职责。 View:该层用于存放视图,该层中我们可以对页面及控件进行布局。Model:模型一般都拥有很好的可复用性,在该层中,我们可以统一管理一些数据。Controlller:该层充当一个CPU的功能,即该应用程序

禁止复制的网页怎么复制

禁止复制的网页怎么复制 文章目录 禁止复制的网页怎么复制前言准备工作操作步骤一、在浏览器菜单中找到“开发者工具”二、点击“检查元素(inspect element)”按钮三、在网页中选取需要的片段,锁定对应的元素四、复制被选中的元素五、粘贴到记事本,以`.html`为后缀命名六、打开`xxx.html`,优雅地复制 前言 在浏览网页的时候,有的网页内容无法复制。比如「360

Prompt - 将图片的表格转换成Markdown

Prompt - 将图片的表格转换成Markdown 0. 引言1. 提示词2. 原始版本 0. 引言 最近尝试将图片中的表格转换成Markdown格式,需要不断条件和优化提示词。记录一下调整好的提示词,以后在继续优化迭代。 1. 提示词 英文版本: You are an AI assistant tasked with extracting the content of

火语言RPA流程组件介绍--浏览网页

🚩【组件功能】:浏览器打开指定网址或本地html文件 配置预览 配置说明 网址URL 支持T或# 默认FLOW输入项 输入需要打开的网址URL 超时时间 支持T或# 打开网页超时时间 执行后后等待时间(ms) 支持T或# 当前组件执行完成后继续等待的时间 UserAgent 支持T或# User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器