开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

无法将JS注入Swift/ Cocoa /NextStep中的WKWebView /将WKWebView中网页上的用户选择推送到Swift /Cocoa

JS注入是指将JavaScript代码插入到其他编程语言（如Swift、Cocoa、NextStep）中的WebView组件中，以实现与网页的交互和功能扩展。

WKWebView是苹果提供的用于在iOS和macOS应用程序中显示网页内容的组件。它支持JavaScript与原生代码的交互，可以通过注入JavaScript代码来实现与网页的通信。

在Swift或Cocoa中的WKWebView中实现JS注入，可以通过以下步骤：

创建WKWebView实例并加载网页：
创建WKWebView实例并加载网页：
注入JavaScript代码：
注入JavaScript代码：
上述代码将在网页加载完成后执行JavaScript代码，弹出一个包含"Hello, World!"的警告框。
处理JavaScript与原生代码的交互：
处理JavaScript与原生代码的交互：
在上述代码中，通过实现WKScriptMessageHandler协议的userContentController(_:didReceive:)方法，可以处理来自网页的消息。网页可以通过window.webkit.messageHandlers.callbackHandler.postMessage({ "value": "Hello from web page" })将消息发送给原生代码。

将WKWebView中网页上的用户选择推送到Swift/Cocoa，可以通过JavaScript与原生代码的交互实现。例如，当用户在网页上选择了某个选项时，可以通过JavaScript将选择的值发送给原生代码，原生代码再根据接收到的值进行相应的处理。

总结：

JS注入是将JavaScript代码插入到其他编程语言中的WebView组件中，实现与网页的交互和功能扩展。
在Swift/Cocoa中的WKWebView中实现JS注入，可以通过创建WKWebView实例、注入JavaScript代码和处理JavaScript与原生代码的交互来实现。
通过JavaScript与原生代码的交互，可以将WKWebView中网页上的用户选择推送到Swift/Cocoa，实现相应的处理。

腾讯云相关产品和产品介绍链接地址：

腾讯云移动开发服务：https://cloud.tencent.com/product/mobile
腾讯云云原生应用引擎：https://cloud.tencent.com/product/tcaplusdb
腾讯云音视频服务：https://cloud.tencent.com/product/tcav
腾讯云数据库服务：https://cloud.tencent.com/product/cdb
腾讯云服务器运维服务：https://cloud.tencent.com/product/cvm
腾讯云网络通信服务：https://cloud.tencent.com/product/vpc
腾讯云网络安全服务：https://cloud.tencent.com/product/ddos
腾讯云人工智能服务：https://cloud.tencent.com/product/ai
腾讯云物联网服务：https://cloud.tencent.com/product/iotexplorer
腾讯云存储服务：https://cloud.tencent.com/product/cos
腾讯云区块链服务：https://cloud.tencent.com/product/baas
腾讯云元宇宙服务：https://cloud.tencent.com/product/vr

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

有帮助

没帮助

相关·内容

macOS webview编程

addSubview(webView)把webview控件插入到界面中。 2.载入网页可以直接导向到某个网页，也可以先在本地启动一个静态页面文件，后续一些工作可以在本地静态网页中用js处理。...否则本地网页没问题，之后的任何网站都无法访问。...String) //s是js函数的返回结果，可以是多种类型，本例要求是string 4.从js调用swift 前面的3部分都比较容易，跟WKWebview也大同小异。...对象，并供其调用 //这里示例了两个，一个是callFromJS1,另一个是quit //注意swift中的函数名跟js中的函数名可以不一样， //#selector中指明的是swift...7.其它还可以实现从js中访问swift中的变量功能。

5.2K5 0

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

假设一个简单的场景 Web通过一个输入一个字符串，通过点击按钮设置成导航标题原生设置完导航标题后，告知Web"以将"设置成导航Title，并在网页最底下的label显示出来...通常用法是自定义一个CustomExport : JSExport，里面将JS可以调用的属性或者方法进行暴露，JS就可以直接使用暴露的属性与方法了。...宏，可以将方法名简化，就像 Swift中的 typealias以及 ObjC中的 typedef。...中方法就是客户端中的闭包，不过这里楼主采用了Swift和ObjC混编模式，至于原因下面会说一下: 实现方法: Swift版本如下，功能实现在本人看来应该是一样的，但在进行注入的时候出现了问题，导致执行方法出现了...UIWebViewDelegate 在UIWebViewDelegate 中的webViewDidFinishLoad() 方法中对JSContext进行截取，并执行操作: WKWebView 首先有一点

1.5K2 0

Swift入门：怎样安装Xcode和创建Playground

Swift 4.2官方上是对swift4.0的一个小的更新，但实际上在Swift 5发布之前，它提供了许多新的功能来填补这个空白。...Swift 5.1听起来像是一个小的更新，但事实上它包含了很多功能，使SwiftUI能够顺利工作。 UIKit是苹果的用户界面工具包。...严格地说，它由用于用户界面的AppKit、基本功能的基础和用于对象图的核心数据组成，但与Cocoa Touch一样，它通常用于表示“所有macOS开发” NeXTSTEP是一个由史蒂夫•乔布斯创建的名为...Crashes(崩溃)是指你的代码出现灾难性错误，你的应用无法恢复。如果用户正在运行你的应用程序，它将消失，他们将回到主屏幕上。如果你在Xcode中运行，你会看到一个崩溃报告。...image Xcode会问你是否想为iOS或macOS创建一个Playground，但这里并不重要——这篇介绍几乎完全是关于Swift语言的，没有用户界面组件。为避免出现问题，请选择“iOS”平台。

6.2K1 0

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

一、前言近日，有朋友问我关于WKWebView与JS的交互问题，可我之前一直使用的是UIWebView，也不曾做过WKWebView的交互啊！...接下来大家一块学习下WKWebView是怎么实现原生代码和JS交互的。...[0].text) })) self.present(alertViewController, animated: true, completion: nil) } 4、获取网页中节点的数据...error: %@", response, error); }]; } 5、通过注入JS修改节点的内容 let js = "document.getElementsByTagName...('h2')[0].innerText = '这是一个iOS写入的方法'"; //将js注入到网页中 6、js获取DOM节点的几种方式 document.getElementById();//id名，

5.7K0 0

iOS14开发-网络

主机通过本次网络请求指定的端口号找到对应的处理软件，然后将网络请求转发给该软件进行处理（处理的软件会运行在特定的端口）。...响应状态码状态码描述含义 200 Ok 请求成功 400 Bad Request 客户端请求的语法出现错误，服务端无法解析 404 Not Found 服务端无法根据客户端的请求找到对应的资源 500...// 创建WKWebView let webView = WKWebView(frame: UIScreen.main.bounds) // 加载网页 webView.load(request) 加载本地资源...：JavaScript 调用 Swift 时需要用到协议中的一个方法来。...JavaScript 调用 WKWebView： // Swift方法，可以在JavaScript中调用 func userContentController(_ userContentController

2.4K3 0

JSBridge 原理

注入 API 基于 Webview 提供的能力，我们可以向 Window 上注入对象或方法。JS 通过这个对象或方法进行调用时，执行对应的逻辑操作，可以直接调用 Native 的方法。...调用示例： window.webkit.messageHandlers.share.postMessage(xxx); Native 调用 JS Native 调用 JS 比较简单，只要 H5 将 JS...loadUrl 方法使用起来方便简洁，但是效率低无法获得返回结果且调用的时候会刷新 WebView。...这样有利于保持 API 与 Native 的一致性，但是缺点是在 Native 注入的方法和时机都受限，JS 调用 Native 之前需要先判断 JSBridge 是否注入成功使用规范 H5...如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

2.2K4 0

【小程序开发必读】怎样写出一手好的小程序之多端架构篇

答案是可以的，所以上面那种图其实可以简单的再进行一下相关划分，新的如图所示: 简单来说就是，内核改改，然后将规范的 webview 接口，选择性的抽一份给 JsCore 调用。...简单来说，它会直接将 native 的相关属性和方法，直接转换成 prototype object 上的方法和属性。简单执行 JS 脚本使用 JSCore 可以在一个上下文环境中执行 JS 代码。...简单来说，它会直接将 native 的相关属性和方法，直接转换成 prototype object 上的方法和属性。那在 JS 代码中，如何执行 Swift 的代码呢？...具体步骤是将当前的 Class 转换为 Object 类型注入到 JSContext 中。 lazy var context: JSContext?...swift 类注入到 JSContext 的步骤，余下的只是调用问题。

1.5K6 0

分享超详细 WKWebView 开发和使用经验

WKUIDelegate WKWebView 网页的UI交互代理，对于 JS 中的 UI 类型操作需要实现对应的方法，例如 window.alert、window.confirm 等操作。...网页是否处于加载中，YES 加载中、 NO 加载完成 estimatedProgress: 网页加载进度 hasOnlySecureContent: 网页上的所有资源是否已通过 https 加载 serverTrust...用户内容控制 WKUserContentController 支持注入、移除 js 脚本支持 Web 内容规则用户脚本 WKUserScript WKUserScript *userScript =...forMainFrameOnly: 是否仅注入在主框架，还是包括所有的 iframe 全部注入。添加用户脚本 addUserScript 使用 addUserScript 方法来添加 js 脚本。...移除所有用户脚本 removeAllUserScripts 如果注入时机为在网页渲染前，那么网页加载完毕后执行移除脚本操作，则脚本的运算结果并不会受影响，但是在网页加载完毕前移除脚本的后，脚本将不会执行

4.9K3 0

小白必看，JSBridge 初探

向此次肺炎疫情中逝世的同胞表示哀悼。 ?...注入 API 基于 Webview 提供的能力，我们可以向 Window 上注入对象或方法。JS 通过这个对象或方法进行调用时，执行对应的逻辑操作，可以直接调用 Native 的方法。...调用示例： window.webkit.messageHandlers.share.postMessage(xxx); Native 调用 JS Native 调用 JS 比较简单，只要 H5 将...JS 方法暴露在 Window 上给 Native 调用即可。...这样有利于保持 API 与 Native 的一致性，但是缺点是在 Native 注入的方法和时机都受限，JS 调用 Native 之前需要先判断 JSBridge 是否注入成功使用规范 H5 调用 Native

1.5K1 0

前端工程师所需要了解的WebView

JavaScript ↔︎ Swift 对话机制使用用户脚本来注入 JavaScript WKUserScript 允许在正文加载之前或之后注入到页面中。...这个强大的功能允许在页面中以安全且唯一的方式操作网页内容。...一个简单的例子如下，用户改变背景的用户脚本被插入到网页中： let source = "document.body.style.background = \"#777;// 注入脚本...于是用户脚本被加入到 WKUserContentController 中，并且以 WKWebViewConfiguration 属性传入到 WKWebView 的初始化过程中。...以 React Native 的 iOS 端举例：JavaScript 运行在 JSCore 中，实际上可以与上面的方式一样，利用注入 API 来实现 JavaScript 调用 Native 功能。

1.7K1 0

如何写出一手好的小程序之多端架构篇

简单来说就是，内核改改，然后将规范的 webview 接口，选择性的抽一份给 JsCore 调用。...简单来说，它会直接将 native 的相关属性和方法，直接转换成 prototype object 上的方法和属性。简单执行 JS 脚本使用 JSCore 可以在一个上下文环境中执行 JS 代码。...简单来说，它会直接将 native 的相关属性和方法，直接转换成 prototype object 上的方法和属性。那在 JS 代码中，如何执行 Swift 的代码呢？...具体步骤是将当前的 Class 转换为 Object 类型注入到 JSContext 中。 lazy var context: JSContext?...swift 类注入到 JSContext 的步骤，余下的只是调用问题。

1.2K3 0

新年新语言，WCDB Swift

语言集成查询同时内建了反注入机制，可以避免第三方从输入框注入 SQL，进行预期之外的恶意操作。...损坏修复内建的修复工具可以在系统错误、磁盘故障等情况下，尽最大限度地将损坏的数据找回并导出。 Pure Swift 模型绑定对语言的依赖性很大。...ObjC 版本使用宏定义，使得 WCDB 可以通过的方式进行语言集成查询的操作。 KeyPath 我们最初盯上的是 Swift 的的机制，它通过的语法，可以直接对变量进行读写操作，且语法上也与类似。...一个难题是，在不引入 Cocoa 的情况下，是并不提供 property 的名称，这就无法通过直接映射数据库的字段。 Swift 也有一个相关的 SR 在讨论这个问题。...对应到 WCDB，将数据库的字段读写到变量中，其本质就是一个序列化和反序列化的过程，而也可能可以用于语言集成查询中的字段映射。

1K9 0

《Motion Design for iOS》（十四）

Swift被设计为和已经存在的Cocoa和Cocoa Touch框架协作（苹果公司提供给开发者来创建应用的API库）而且可以和Objective-C在同一个app中共存，但不能在同一个源代码文件中。...当2014年九月初发布iOS 8时，苹果宣布Swift发布了1.0版本并可以安全地使用于发布到App Store的app中。...我依然使用Objective-C编写我的app，但随着时间流逝，我会至少在新的工程中部分使用Swift。我对Swift中的一些Objective-C没有的高级语言特性非常期待。...本书中的全部动画示例代码都会有Objective-C和Swift两种编写方式，因此你可以理解和观察其区别并自行选择哪一种语言对你的使用更有意义。...如果Swift对你来说是全新的（除了苹果公司以外每个人都是这样！）你应该看看iBooks上500页的Swift Programming Language 指南，这是免费的。

8601 0

H5如何与原生App通信？

我们首先要提到的是一个叫UIWebView的容器，苹果对他的介绍是： UIWebView是一个可加载网页的对象，它有浏览记录功能，且对加载的网页内容是可编程的。...调用客户端原生方法的回调函数也将绑在window下供客户端成功反调用，实际上一次调用客户端方法最后产生的结果是双向互相调用。...这种js的调用方式与ios的一样，使用iframe来调用native方法。通过在webview页面里直接注入原生js代码方式，使用addJavascriptInterface方法来实现。...window.jsBridge.getShare()"); H5端将方法绑定在window下的对象即可，无需与IOS作区分 H5调用RN客户端我们知道RN的webView组件实际上就是对原生容器的二次封装...在了解了js与客户端底层的通信原理后，我们可以将IOS、安卓统一封装成jsBridge提供给业务层开发调用。

6K2 0

前端工程师所需要了解的WebView

JavaScript ↔︎ Swift 对话机制使用用户脚本来注入 JavaScript WKUserScript 允许在正文加载之前或之后注入到页面中。...这个强大的功能允许在页面中以安全且唯一的方式操作网页内容。...一个简单的例子如下，用户改变背景的用户脚本被插入到网页中： let source = "document.body.style.background = \"#777; // 注入脚本在文档加载完成后执行...于是用户脚本被加入到 WKUserContentController 中，并且以 WKWebViewConfiguration 属性传入到 WKWebView 的初始化过程中。...以 React Native 的 iOS 端举例：JavaScript 运行在 JSCore 中，实际上可以与上面的方式一样，利用注入 API 来实现 JavaScript 调用 Native 功能。

2.1K3 0

前端工程师所需要了解的WebView

JavaScript ↔︎ Swift 对话机制使用用户脚本来注入 JavaScript WKUserScript 允许在正文加载之前或之后注入到页面中。...这个强大的功能允许在页面中以安全且唯一的方式操作网页内容。...一个简单的例子如下，用户改变背景的用户脚本被插入到网页中： let source = "document.body.style.background = \"#777; // 注入脚本在文档加载完成后执行...于是用户脚本被加入到 WKUserContentController 中，并且以 WKWebViewConfiguration 属性传入到 WKWebView 的初始化过程中。...以 React Native 的 iOS 端举例：JavaScript 运行在 JSCore 中，实际上可以与上面的方式一样，利用注入 API 来实现 JavaScript 调用 Native 功能。

1.4K1 0

iOS中WebKit框架应用与解析原

3.将JavaScript代码注入这种方式可以在网页中注入一些自定义的JavaScript代码，也可以注入自定义的方法，再使用evaluteJavaScript:completionHandler...，这个类使用如下方法来进行实例化： /* source为要注入的js代码 WKUserScriptInjectionTime设置注入的时机 forMainFrameOnly参数设置是否只在主页面注入 typedef...confirm是js中的确定框，需要在block中把用户选择的情况传递进去 -(void)webView:(WKWebView *)webView runJavaScriptConfirmPanelWithMessage...prompt是js中的输入框需要在block中把用户输入的信息传入 -(void)webView:(WKWebView *)webView runJavaScriptTextInputPanelWithPrompt...- (void)removeScriptMessageHandlerForName:(NSString *)name; 同样与注入JavaScript对应，也可以将注入的代码移除，方法如下： //注入一个

1.9K4 0

新年新语言，WCDB Swift

同时，通过类型的定义，Swift 即可推导出 WCDB 查询的结果为 Sample 类。语言集成查询同时内建了反注入机制，可以避免第三方从输入框注入 SQL，进行预期之外的恶意操作。...KeyPath 我们最初盯上的是 Swift 的 KeyPath 的机制，它通过 \ 的语法，可以直接对变量进行读写操作，且语法上也与 className.propertyName 类似。...image.png 一个难题是，KeyPath 在不引入 Cocoa 的情况下，是并不提供 property 的名称，这就无法通过 KeyPath 直接映射数据库的字段。...image.png 对应到 WCDB，将数据库的字段读写到变量中，其本质就是一个序列化和反序列化的过程，而 CodingKeys 也可能可以用于语言集成查询中的字段映射。...因此，先有 WCDB Swift，未来才有用 Swift 编写微信的可能，这逻辑没毛病。另一方面，没有微信的上线机制的保护和庞大的用户量的验证，我们需要确保 WCDB Swift 的稳定性。

2.3K8 0

如何写出一手好的小程序代码，从架构说起

简单来说，它会直接将 native 的相关属性和方法，直接转换成 prototype object 上的方法和属性。简单执行 JS 脚本使用 JSCore 可以在一个上下文环境中执行 JS 代码。...简单来说，它会直接将 native 的相关属性和方法，直接转换成 prototype object 上的方法和属性。那在 JS 代码中，如何执行 Swift 的代码呢？...具体步骤是将当前的 Class 转换为 Object 类型注入到 JSContext 中。 lazy var context: JSContext? ...swift 类注入到 JSContext 的步骤，余下的只是调用问题。...丰富的场景化DEMO 将实时音视频融入到各业务场景中，提供不同业务场景的Demo，帮助用户高效完成小程序开发。

1.9K2 0

小白必看，JSBridge 初探

向此次肺炎疫情中逝世的同胞表示哀悼。 ?...注入 API 基于 Webview 提供的能力，我们可以向 Window 上注入对象或方法。JS 通过这个对象或方法进行调用时，执行对应的逻辑操作，可以直接调用 Native 的方法。...调用示例： window.webkit.messageHandlers.share.postMessage(xxx); Native 调用 JS Native 调用 JS 比较简单，只要 H5 将...JS 方法暴露在 Window 上给 Native 调用即可。...这样有利于保持 API 与 Native 的一致性，但是缺点是在 Native 注入的方法和时机都受限，JS 调用 Native 之前需要先判断 JSBridge 是否注入成功使用规范 H5 调用 Native

2.6K1 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭