ios嵌入html5,第三方 H5 页面嵌入 js（iOS）

最新推荐文章于 2024-09-25 16:14:56 发布

九子随笔

最新推荐文章于 2024-09-25 16:14:56 发布

阅读量1.3k

点赞数

文章标签： ios嵌入html5

这篇博客介绍了如何在 iOS 应用中嵌入第三方 H5 页面，并通过 webView 实现 JS 与原生 App 的交互，确保在 App 环境下能够收集和上报 H5 页面的埋点数据。文中详细提供了 UIWebView 和 WKWebView 的实现代码示例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

iOS 在第三方 H5 页面中插入 JS 的方案说明

最后更新于：2018-08-02 12:04:43

如果在 App 内有加载一些第三方 H5 页面。这些页面不能直接集成神策分析 JavaScript SDK，如果需要获取这些页面对应的埋点信息，可使用如下方式实现。具体实现原理：通过 webView 向第三方 H5 页面自动嵌入 JavaScript sdk ,当 H5 页面触发事件时，会直接把事件发往 App 端，App 端接收到数据后保存并上报。

为了防止 H5 不在 App 环境下浏览时，track 的事件无法通过 JavaScript SDK 发送。在初始化完 iOS SDK 之后，调用如下接口：

[[SensorsAnalyticsSDK sharedInstance] addWebViewUserAgentSensorsDataFlag];

如果是 UIWebView

加载 WebView 时，在 shouldStartLoadWithRequest: 方法中调用如下方法：

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType {

if ([[SensorsAnalyticsSDK sharedInstance] showUpWebView:webView WithRequest:request]) {

return NO;

}

//在这里添加您的逻辑代码

return YES;

}

WebView 加载完成后，在 webViewDidFinishLoad: 方法中调用如下方法：