开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

在objective-C中从UIWebView迁移到WKWebView后无法加载本地JS文件

在Objective-C中，从UIWebView迁移到WKWebView后无法加载本地JS文件的问题可能是由于WKWebView的安全策略导致的。为了解决这个问题，可以采取以下步骤：

确保将本地JS文件正确地添加到项目中，并且在目标的"Copy Bundle Resources"中进行了正确的配置。
确保在加载本地JS文件时使用正确的文件路径。可以使用NSBundle的方法来获取本地文件的路径，例如：

NSString *filePath = [[NSBundle mainBundle] pathForResource:@"your_js_file" ofType:@"js"];

在WKWebView的配置中，设置allowFileAccessFromFileURLs属性为YES，以允许从文件URL加载本地文件。可以使用WKWebViewConfiguration来进行配置，例如：

WKWebViewConfiguration *configuration = [[WKWebViewConfiguration alloc] init];
configuration.preferences = [[WKPreferences alloc] init];
configuration.preferences.javaScriptEnabled = YES;
configuration.preferences.javaScriptCanOpenWindowsAutomatically = YES;
configuration.allowsInlineMediaPlayback = YES;
configuration.allowsPictureInPictureMediaPlayback = YES;
configuration.allowsAirPlayForMediaPlayback = YES;
configuration.allowsFileAccessFromFileURLs = YES; // 允许从文件URL加载本地文件

在加载网页之前，使用fileURLWithPath方法将文件路径转换为file URL，然后使用loadFileURL方法加载本地HTML文件。例如：

NSURL *fileURL = [NSURL fileURLWithPath:filePath];
[webView loadFileURL:fileURL allowingReadAccessToURL:fileURL];

这样，你就可以在WKWebView中成功加载本地JS文件了。

腾讯云相关产品推荐：

云服务器（CVM）：提供可扩展的计算容量，满足各种业务需求。产品介绍链接
云存储（COS）：安全可靠的对象存储服务，适用于存储和处理大规模非结构化数据。产品介绍链接
人工智能机器翻译（AI翻译）：提供高质量、多语种的机器翻译服务，支持文本、语音和图片翻译。产品介绍链接
云数据库MySQL版（CDB）：高性能、可扩展的关系型数据库服务，适用于各种规模的应用程序。产品介绍链接
云原生容器服务（TKE）：基于Kubernetes的容器管理服务，提供高可用、弹性伸缩的容器集群。产品介绍链接

请注意，以上推荐的产品仅代表腾讯云的一部分产品，更多产品和详细信息请参考腾讯云官方网站。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

iOS下JS与OC互相调用（四）--JavaScriptCore

前面讲完拦截URL的方式实现JS与OC互相调用，终于到JavaScriptCore了。它是从iOS7开始加入的，用 Objective-C 把 WebKit 的 JavaScript 引擎封装了一下，提供了简单快捷的方式与JavaScript交互。关于JavaScriptCore的使用有两篇很好的文章： NSHipster中文版的JavaScriptCore iOS7 新JavaScriptCore框架入门介绍

01

iOS开发中的WKWebView与JS的交互

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53541088

02

http://blog.csdn.net/u010105969/article/details/53541088

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

03

【iOS开发】从 UIWebView 到 WKWebView

①本文章适合有 UIWebView 基础的人看，如果实在没用过的话，至少你要知道 UIWebView 是个什么东西。

02

网易严选的wkwebview测试之路

UIWebView是苹果继承于UIView封装的一个加载web内容的类,它可以加载任何远端的web数据展示在你的页面上，你可以像浏览器一样前进后退刷新等操作。不过苹果在iOS8以后推出了WKWebView来加载Web。UIWebView自iOS2就有，WKWebView从iOS8才有，毫无疑问WKWebView是将会逐步取代笨重的UIWebView。且UIWebView存在占用过多内存，js执行效率低等问题。而WKWebView网页加载速度大有提升，占用更少内存。

01

iOS开发中OC与JS交互（UIWebView）

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53189934

03

浅谈iOS中的WKWebView添加cookie

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/u010105969/article/details/53942862

01

wkwebview加载完成_【Swift】WKWebView与JS的交互使用

近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。

00

IOS WebView控件详解

概述 WebView就是一个内嵌浏览器控件，在iOS中主要有两种WebView：UIWebView和WKWebView，UIWebView是iOS2之后开始使用，WKWebView是在iOS8开始使用，WKWebView将逐步取代笨重的UIWebView。相比UIWebView，WKWebView做了如下优化： WKWebView更多的支持HTML5的特性 WKWebView更快，占用内存可能只有UIWebView的1/3 ~ 1/4 WKWebView高达60fps的滚动刷新率和丰富的内置手势 WKWe

08

JSBridge 原理

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？

04

【IOS】IOS开发问题解决方法索引（三）

http://www.cnblogs.com/snandy/archive/2011/03/04/1970162.html

02

Objective-c与js交互专题

在写 JavaScript 的时候，可以使用一个叫做 window 的对象，像是我们想要从现在的网页跳到另外一个网页的时候，就会去修改 window.kk 的位置；在我们的 Objective-C 程序码中，如果我们可以取得指定的 WebView 对象，也就可以拿到这个出现在 JavaScript 中的 window 对象，也就是 [webView windowScriptObject]。

05

oc 与 js 互相调用

Objective-C，通常写作ObjC或OC和较少用的Objective C或Obj-C，是扩充C的面向对象编程语言。

01

小白必看，JSBridge 初探

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？

01

手把手教你从Core Data迁移到Realm

前言 Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。 Hybrid App按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型，3种类型比较如下：今天我来谈谈Web主体型中Hybrid框架里面比较有名的PhoneGap 一.Cordova 说到PhoneGap，就不得不说到Cordova Cordova 是一

07

iOS Hybrid 框架

前言 Hybrid App（混合模式移动应用）是指介于web-app、native-app这两者之间的app，兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。 Hybrid App按网页语言与程序语言的混合，通常分为三种类型：多View混合型，单View混合型，Web主体型，3种类型比较如下：今天我来谈谈Web主体型中Hybrid框架里面比较有名的PhoneGap 一.Cordova 说到PhoneGap，就不得不说到Cordova Cordova 是一

09

iOS 和 H5 交互那些事（UIWebView、WKWebView 总结篇）

1.OC与JS交互之UIWebView 创建一个UIWebView 并加载 _webView = [[UIWebView alloc] initWithFrame:CGRectMake(0, 20, self.view.frame.size.width, self.view.frame.size.height-20)]; _webView.delegate = self; _webView.scrollView.bounces = NO; / 添加 webiview [self.vie

05

【Hybrid】288- Hybrid App 应用开发中 9 个必备知识点复习

前言我们大前端团队内部 ?每周一练的知识复习计划继续加油，本篇文章是《Hybrid APP 混合应用专题》主题的第二期和第三期的合集。这一期共整理了 10 个问题，和相应的参考答案，文字和图

02

WKWebView

UIWebView自iOS2就有，WKWebView从iOS8.0（2014年9月WWDC）才有，毫无疑问，WKWebView相对UIWebVIew要优秀得多，主要表现在以下几点：

02

Hybrid App 应用开发中 9 个必备知识点复习

UIWebView 是苹果继承于 UIView 封装的一个加载 web 内容的类,它可以加载任何远端的web数据展示在你的页面上，你可以像浏览器一样前进后退刷新等操作。不过苹果在 iOS8 以后推出了 WKWebView 来加载 Web，并应用于 iOS 和 OSX 中，它取代了 UIWebView 和 WebView ，在两个平台上支持同一套 API。

02

Hybrid App 应用开发中 9 个必备知识点复习

前言我们大前端团队内部 ?每周一练的知识复习计划继续加油，本篇文章是《Hybrid APP 混合应用专题》主题的第二期和第三期的合集。这一期共整理了 10 个问题，和相应的参考答案，文字和

03

oc和js交互_js调用api

UIWebView 在 iOS12 中已经被废弃，同时WKWebView在iOS8中已经出现。所以无特殊情况的话，我们一般应该也是用不到前者了！ UIWebView 相比于 WKWebView 的使用上会简单很多。

02

UI篇- UIWebView使用大全

UIWebView是常用开发控件，对于一些常用的设置是有必要记住或者记录下来的。这里特别说一下，对于一个工程中整个就是一个WebView的情况，你可以通过一些设置来使整个工程显得接近于原生开发的APP，这样你是有机会被审核通过的。

01

Hybrid App 应用开发中 9 个必备知识点复习(WebView / 调试等)

前言我们大前端团队内部 📖每周一练的知识复习计划继续加油，本篇文章是《Hybrid APP 混合应用专题》主题的第二期和第三期的合集。这一期共整理了 10 个问题，和相应的参考答案，文字和图片较多，建议大家可以收藏，根据文章目录来阅读。之前分享的每周内容，我都整理到掘金收藏集 📔《EFT每周一练》上啦，欢迎点赞收藏咯💕💕。内容回顾：《EFT 每周分享 —— Hybrid App 应用开发中 5 个必备知识点复习》《EFT 每周分享 —— HTTP 的15个常

00

Flutter 与 iOS 原生 WebView 对比

原文作者：享物说 https://juejin.im/post/5c778d86e51d4506304ee348

02

小白必看，JSBridge 初探

近些年，移动端普及化越来越高，开发过程中选用 Native 还是 H5 一直是热门话题。Native 和 H5 都有着各自的优缺点，为了满足业务的需要，公司实际项目的开发过程中往往会融合两者进行 Hybrid 开发。Native 和 H5 分处两地，看起来无法联系，那么如何才能让双方协同实现功能呢？

01

iOS下JS与OC互相调用（二）--WKWebView 拦截URL

在上篇文章中讲述了使用UIWebView拦截URL的方式来处理JS与OC交互。由于UIWebView比较耗内存，性能上不太好，而苹果在iOS 8中推出了WKWebView。同样的用WKWebView也可以拦截URL，做JS 与OC交互。关于WKWebView与UIWebView的对比，大家请自动百度或者google。

05

Objective-C爬虫：实现动态网页内容的抓取

在当今的互联网时代，数据的获取和分析变得日益重要。无论是进行市场研究、用户行为分析还是产品开发，获取大量数据都是不可或缺的一环。然而，很多有价值的信息都隐藏在动态加载的网页中，这些网页通过JavaScript动态生成内容，传统的爬虫技术往往难以应对。本文将介绍如何使用Objective-C开发一个爬虫程序，实现对这类动态网页内容的抓取。

01

iOS WebView 的 Hybrid 框架设计

随着移动互联网的发展，APP 开发模式也在不断的创新，从最初的 Native 开发到后来的 Hybrid 混合开发，再到最近比较火爆的 React Native、Weex 等项目，这些都标志着 APP 开发已经不再是纯 Native 的工作，还要涉及很多跨平台的技术。

01

iOS小技能：UIWebView 被拒的解决方案（用更安全的WKWebView替代UIWebView）

AXWebViewController (0.7.2) 使用了NJKWebViewProgress iOS8.0以下使用了NJKWebViewProgress作为进度条，因此对于上架审核没有影响。

02

技术 | Hybrid载体的变化（一）

时至今日，我都在想“微信小程序”为什么不能做成Web式，而是要去加那么一层隔离，终归其原因，还是随着时间向前走，Hybrid的载体也发生了变化，不然该卡的还是一样卡的一逼。从iOS的角度上来说载体从UIWebView变成了WKWebView，Android有着他们自研的X5当然原生的内核，如果你用着Android7.0也不见得会卡，这才是小程序能出来的根本原因，没有载体，一切都是空谈。

03

【转】深入理解JSCore

动态化作为移动客户端技术的一个重要分支，一直是业界积极探索的方向。目前业界流行的动态化方案，如Facebook的React Native，阿里巴巴的Weex都采用了前端系的DSL方案，而它们在iOS系统上能够顺利的运行，都离不开一个背后的功臣：JavaScriptCore（以下简称JSCore），它建立起了Objective-C（以下简称OC）和JavaScript（以下简称JS）两门语言之间沟通的桥梁。无论是这些流行的动态化方案，还是WebView Hybrid方案，亦或是之前广泛流行的JSPatch，JSCore都在其中发挥了举足轻重的作用。作为一名iOS开发工程师，了解JSCore已经逐渐成为了必备技能之一。

02

深入理解JavaScriptCore

之前啊我们公众号的内容要求可严了，要么技术上有原创性，要么是程序员小哥哥们自己实践经验的总结。可是你们知道吗，美团技术同学都可爱学习了，内部Wiki里积累了好多好多深入研究和学习性的技术文章。美美一直觉得这些对其他公司的工程师小哥哥也是好东西，所以就和院长说选出一些能对外分享的，开个新专栏吧。围着他说啊说啊好半天，他老人家终于同意啦~~

03

iOS监听H5页面goBack返回事件 & 网页监听APP返回键（NavigationBackItemInjection）

UIWebView，可通过UIWebViewNavigationTypeBackForward来监听返回事件

02

H5和移动端通信

弹窗包括：alert、confirm、prompt, 和url拦截类似都在回调方法中处理

03

WKWebView 那些坑

导语 WKWebView 是苹果在 WWDC 2014 上推出的新一代 webView 组件，用以替代 UIKit 中笨重难用、内存泄漏的 UIWebView。WKWebView 拥有60fps滚动刷新率、和 safari 相同的 JavaScript 引擎等优势。简单的适配方法本文不再赘述，主要来说说适配 WKWebView 过程中填过的坑以及善待解决的技术难题。 1、WKWebView 白屏问题 WKWebView 自诩拥有更快的加载速度，更低的内存占用，但实际上 WKWebView 是一个多进程组件

WKWebView 那些坑

02

iOS下JS与OC互相调用（一）--UIWebView 拦截URL

最近准备把之前用UIWebView实现的JS与原生相互调用功能，用WKWebView来替换。顺便搜索整理了一下JS 与OC 交互的方式，非常之多啊。目前我已知的JS 与 OC 交互的处理方式：

04

WKWebView的使用

WKWebView的使用前言最近项目中的UIWebView被替换为了WKWebView，因此来总结一下WKWebView的使用。示例Demo：WKWebView的使用本文将从以下几方面介绍WKWebView： 1、WKWebView涉及的一些类 2、WKWebView涉及的代理方法 3、网页内容加载进度条的实现 4、JS和OC的交互 5、本地HTML文件的实现一、WKWebView涉及的一些类 WKWebView：网页的渲染与展示注意： #import <WebKit/WebKi

06

iOS iOS与html进行交互

实现的效果就是上边那样：首先通过webview 进行网络请求然后进行显示。　　　　　　　　　然后点击下一页的按钮通过js的响应显示另一个网页　　　　　　　　　最后通过下一页的按钮可以返回到首页。　　　　本文仅仅是h5跟ios 的交互的入门所以没有做细致的描述。首先先说一下思路：我的项目中是那样的：首先h5从后台拿到数据，然后我请求h5的界面，然后通过h5的按钮进行选择，通过ios控制按钮到那个界面。这个小demo不涉及数据传输，只是界面的交互。 1 我自己写了两个小网页。代码如下首页的

移动端跨平台技术总结

概述曾经大家以为在手机上可以像桌面那样通过 Web 技术来实现跨平台开发，却因为性能或其他问题而放弃，不得不针对不同平台开发多个版本。这也违背了跨平台开发的初衷。而React Native让跨平台移动端开发在次回到人们的视野中，其成功的原因除了他“一次编写处处运行”，还因为它相比h5等前端技术，有了更接近原生的体验。为了方便理解，笔者将跨平台技术分为4大流派： Web 流：也被称为 Hybrid 技术，它基于 Web 相关技术来实现界面及功能代码转换流：将某个语言转成 Objective-C、Ja

05

WKWebView的使用与JS交互详细解读

前言： WKWebView 这是在iOS8.0之后增加的一个比UIWebView更加完善和强大的控件！看网上关于它的博客也是有许多的了，从各个方面总结一下这个WKWebView看网上说它主要是为了和JS做好交互产生的，我们也会相应的尝试一下。就先从它基本的说起！一：和UIWebView相比它的不同处 1：和JS更好的做交互，也支持H5的一些新特性 2：加载进度条（下面会演示） 3：性能高，加载变得更快更可靠二：从加载一张网页开始 1：使用这个WKWebView是要#import <WebKi

07

解决WKWebView不显示H5中引用的Library本地图片问题

问题：由UIWebView切WKWebView后，HTML加载本地HTMLString时，图片无法显示。 WKWebView加强了安全性，不再允许跨域访问，所有跨域地址都失效了，包括不再同一文件夹下的CSS、JS等文件引用。解决办法： 1、把src中的图片单独读取出来，然后转成Data拼到src中。 2、移动图片存储到tmp中,加载本地Html时设置BaseURL即可（tmp会被定期清理，且无法兼容老版本，弃） 3、启动一个本地服务器，拥有一个读取沙盒的权利（推荐使用）前面两种就不说

02

WKWebview 与App交互辅助工具类

之前lz公众号写个关于UIWebView的JS与App通信的文章，但是最新iOS审核规定需要替换掉UIWebView使用WKWebView才可以过审。但是之前有大量UIWebView交互的地方，怎么办？于是根据原有的交互经验抽离出来了LeeWKWebView……当然了希望大家能够喜欢，多多提意见

04

iOS中WebKit框架应用与解析原

在iOS8之前，在应用中嵌入网页通常需要使用UIWebView这样一个类，这个类通过URL或者HTML文件来加载网页视图，功能十分有限，只能作为辅助嵌入原生应用程序中。虽然UIWebView也可以做原生与JavaScript交互的相关处理，然而也有很大的局限性，JavaScript要调用原生方法通常需要约定好协议之后通过Request来传递。WebKit框架中添加了一些原生与JavaScript交互的方法，增强了网页视图与原生的交互能力。并且WebKit框架中采用导航堆栈的模型来管理网页的跳转，开发者也可以更加容易的控制和管理网页的渲染。关于UIWebView的相关使用，在前面的博客中有详细介绍，地址如下。

04

iOS开发常用之网络、网页

网络相关网络连接 AFNetworking - ASI不升级以后，最多人用的网络连接开源库，iOS的网络编程之AFNetworking使用，iOS的开发下载文件速度计算， AFNetworking 3.0迁移指南， AFNetworking2.0源码解析<一> ，AFNetworking2.0源码解析<二>，AFNetworking源码解析<三>，AFNetworking源码解析<四>。 Alamofire.swift - Alamofire是AFNetworking的作者mattt

01

WKWebView实现简单的轻应用WKWebViewWKWebView与js交互

WKWebView WKWebView是现代 WebKit API 在 iOS 8 和 OS X Yosemite 应用中的核心部分。它代替了 UIKit 中的UIWebView和 AppKit 中的WebView，提供了统一的跨双平台 API。如果你的app只需要支持iOS8.0之后的版本，那么非常建议你使用WKWebView来替代UIWbeView，性能不止提升了一个档次。 WKWebView与js交互所谓轻应用，简单的来说就是原生应用集成了html页面入口，还能通过js与native实现交互，例

03

WKWebView实现简单的轻应用

不错的文章 WKWebView WKWebView是现代 WebKit API 在 iOS 8 和 OS X Yosemite 应用中的核心部分。它代替了 UIKit 中的UIWebView和 AppKit 中的WebView，提供了统一的跨双平台 API。如果你的app只需要支持iOS8.0之后的版本，那么非常建议你使用WKWebView来替代UIWbeView，性能不止提升了一个档次。坑关于wkwebivew中点击无响应的问题 WKWebView与js交互所谓轻应用，简单的来说就是原生应用集成了h

07

小程序iOS客户端框架——控件事件逻辑框架与控件原生化（上）

小程序自发布以来，为开发者和用户提供了一种轻量级的App。作为一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或者搜一下即可打开应用。小程序也体现了“用完即走”的理念，用户不用关心是否安装太多应用的问题。微信客户端为小程序的运行提供了框架支持，如service运行环境、页面缓存机制以及控件原生化支持等，本文将对这些部分实现原理做一一介绍。 1.内容概要微信小程序采用了传统的移动端H5浏览器作为页面运行环境，但是与传统的B/S结构的WEB应用不同，小程序为用户提供了普通H

01

iOS开发----JavaScriptCore、UIWebView及WKWebView交互的那些事

参与工作时间比较长了，随着 Web前端行业的发展(大家都懂得..)，客户端与 Web端的交互也越来越频繁。其实本人不太喜欢依赖第三方，那种看不到摸不着的东西用起来总感觉不是很安心，同时也是为了保证双方都能够高效完成交互的途中不出现一些意料不到的异常，对此，研究了一下 JavaScriptCore这个库还是很有必要的，并分别结合 UIWebView以及 WKWebView做了一下交互总结。

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭