iOS bug 之 H5 页面没有弹出提示框

描述:在安卓上有提示框,但是在iOS上没有提示框。

 

step 1:

失误,是我没有在正确的位置设置网址。

 

step 2:

修改之后,测试页能弹出提示框,但是正式的页面没有提示框。

 

step 3:

我输入一个错误的数字,不是手机号码,看见界面一闪,是不是iOS 不支持弹出页面再弹出页面。

 

step 4:

我在安卓上测试了下网址,在浏览器上输入网址,能弹出提示框。

我又在safari上输入网址,也能提示。但是在APP中不能提示。说明确实是APP里面有问题。

 

step 5:

  通过以上的实验,缩小了范围。经过跟踪代码,了解调用过程及思考,我认为当触发按钮时,数据传给了后台,但是,传给后台的链接也是一个url ,是一个新的url,这个url并不是在iOS 控制下请求的,也就没有返回提示框。因为根本就没有调用这个url。虽然传给了后台,但是到这就结束了,前端并没有去获取传之后的结果。要想出现后续结果,只能是ios 来调取下。但是浏览器为什么能直接获取呢?因为浏览器也对后续的处理进行了获取。所以,这应该是有解决办法的,只不过APP里面没有进行处理。

 

step 6:

  APP处理页面内的新的链接。

转载于:https://www.cnblogs.com/SimonGao/p/5120289.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在 iOS App 嵌入 H5 页面并实现与原生 App 的通信,需要进行以下详细配置步骤: 1. 创建一个 `WKWebView` 实例并将其添加到视图层级。 ```swift import WebKit class ViewController: UIViewController { var webView: WKWebView! override func viewDidLoad() { super.viewDidLoad() let configuration = WKWebViewConfiguration() let userContentController = WKUserContentController() // 添加 messageHandler,用于接收来自 H5 页面的消息 userContentController.add(self, name: "myHandler") configuration.userContentController = userContentController webView = WKWebView(frame: view.bounds, configuration: configuration) view.addSubview(webView) // 加载 H5 页面 if let htmlPath = Bundle.main.path(forResource: "index", ofType: "html") { let htmlUrl = URL(fileURLWithPath: htmlPath) webView.loadFileURL(htmlUrl, allowingReadAccessTo: htmlUrl) } } } ``` 2. 创建一个遵循 `WKScriptMessageHandler` 协议的类,用于处理从 H5 页面发送过来的消息。 ```swift extension ViewController: WKScriptMessageHandler { // 接收并处理从 H5 页面发送过来的消息 func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) { if message.name == "myHandler" { if let body = message.body as? String { print("Received message from H5: \(body)") // 在这里处理来自 H5 页面的消息 } } } } ``` 3. 在 H5 页面,使用 JavaScript 代码发送消息给原生 App。 ```javascript // 发送消息给原生 App window.webkit.messageHandlers.myHandler.postMessage("Hello from H5"); ``` 4. 在 H5 页面,可以使用以下 JavaScript 代码接收来自原生 App 的消息。 ```javascript // 接收原生 App 发送的消息 document.addEventListener("messageReceived", function(event) { var message = event.detail; console.log("Received message from iOS App: " + message); }); ``` 在原生 App ,你可以调用 `webView.evaluateJavaScript(_:completionHandler:)` 方法执行 JavaScript 代码来向 H5 页面发送消息。例如: ```swift let message = "Hello from iOS App" let jsCode = "document.dispatchEvent(new CustomEvent('messageReceived', { detail: '\(message)' }));" webView.evaluateJavaScript(jsCode, completionHandler: nil) ``` 通过以上配置,你就可以在 iOS App 嵌入 H5 页面,并实现双向的通信。在 H5 页面使用 `window.webkit.messageHandlers.<handlerName>.postMessage(<message>)` 发送消息给原生 App,而在原生 App 通过实现 `WKScriptMessageHandler` 协议来接收并处理来自 H5 页面的消息。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值