使用JavaScript怎么实现一个WKWebView图片预览效果

这篇文章主要介绍了使用JavaScript怎么实现一个WKWebView图片预览效果,创新互联小编觉得不错,现在分享给大家,也给大家做个参考,一起跟随创新互联小编来看看吧!

创新互联公司专注为客户提供全方位的互联网综合服务,包含不限于网站建设、成都网站制作、福清网络推广、微信小程序、福清网络营销、福清企业策划、福清品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联公司为所有大学生创业者提供福清建站搭建服务,24小时服务热线:18980820575,官方网址:www.cdcxhl.com

Java可以用来干什么

Java主要应用于:1. web开发;2. Android开发;3. 客户端开发;4. 网页开发;5. 企业级应用开发;6. Java大数据开发;7.游戏开发等。

  • Swift 4.0

  • WKWebView

1.注入js代码 (重点)

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) {
  let jsGetImages =
    "function getImages(){" +
    "var objs = document.getElementsByTagName(\"img\");" +
    "var imgScr = '';" +
    "for(var i=0;i

2.使用SKPhotoBrowser框架实现图片预览功能

func webView(_ webView: WKWebView, decidePolicyFor navigationAction: WKNavigationAction, decisionHandler: @escaping (WKNavigationActionPolicy) -> Void) {
  let requestString = navigationAction.request.url?.absoluteString
  print(requestString!)
  if (requestString?.hasPrefix("image-preview"))!{
    let imgUrl = NSString.init(string: requestString!).substring(from: "image-preview:".count )
    let index = imgUrlArray.index(of: imgUrl)
    let browser = SKPhotoBrowser(photos: images)
    browser.initializePageIndex(index)
    present(browser, animated: true, completion: {})
  }
  decisionHandler(.allow) //一定要加上这句话 
}

以上就是创新互联小编为大家收集整理的使用JavaScript怎么实现一个WKWebView图片预览效果,如何觉得创新互联网站的内容还不错,欢迎将创新互联网站推荐给身边好友。


网站题目:使用JavaScript怎么实现一个WKWebView图片预览效果
链接URL:http://scyanting.com/article/jdjcos.html