使用 UIWebView 从 HTML 代码调用目标 c 代码中的方法

IT技术 javascript ios uiwebview
2021-01-30 23:24:29

我的 iOS 应用中有 .html 文件。HTML 文件很少有带有 onClick 方法的 div 块。当我点击这些块时,我会在 Web 视图中调用一些 javascript 代码,但我还需要在我的源代码中了解这些事件。

例如,当我点击 web 元素并调用 onClick 时,我需要调用代码中的一些方法,例如 - (void)didTouchedWebElementWithId

我可以做这件事吗。谢谢。

1个回答

在JS中调用Objective-C的方法:

下面的网址有助于做到这一点

如何从 Javascript 调用 Objective C 方法并将数据发送回 iOS 中的 Javascript?

没有执行的方法,我们通过导航到其他页面来解决方法,在导航过程中,webview 委托将监视导航的前缀并执行我们指定的方法。

示例.html

<html>
    <head>
        <script type='text/javascript'>
            function getText()
            {
                return document.getElementById('txtinput').value;
            }
            function locationChange()
            {
                window.location = 'ios:webToNativeCall';
            }
        </script>
    </head>
    <body style='overflow-x:hidden;overflow-y:hidden;'>
        <h2 style = "font-size:16px;" align='center'>Hi Welcome to Webpage</h2>
        <br/>
        <p align='center' style = "font-size:12px;">Please Click the button after entering the text</p>
        <br/>
        <center>
            <input type='text' style='width:90px;height:30px;' id='txtinput'/>
        </center>
        <br/>
        <center>
            <input type='button' style='width:90px;height:30px;' onclick='locationChange()' value='click me'>
        </center>
    </body>
</html>

Objective-C 代码

当您单击 html 页面中的按钮时,将触发以下委托并取消导航,因为我们返回 NO 并调用相应的方法

- (BOOL)webView:(UIWebView *)webView shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType
{
    if ([[[request URL] absoluteString] hasPrefix:@"ios:"]) {

        // Call the given selector
        [self performSelector:@selector(webToNativeCall)];        
        // Cancel the location change
        return NO;
    }
    return YES;
}

- (void)webToNativeCall
{
    NSString *returnvalue =  [self.webviewForHtml stringByEvaluatingJavaScriptFromString:@"getText()"];

    self.valueFromBrowser.text = [NSString stringWithFormat:@"From browser : %@", returnvalue ];
}
注意安全隐患!
2021-03-23 23:24:29
我如何使用它从服务器到本机方法调用获取value?
2021-03-25 23:24:29
假设您的类中有一个名为 getSecretToken 的方法。然后你可以从 Javascript 调用它
2021-03-28 23:24:29
谢谢兄弟......它真的是一个很棒的答案。我从过去 2 天开始卡住了。我已经发布了我的 q 但没有得到任何有value的解决方案。最后你的回答解决了我的问题......非常感谢
2021-04-08 23:24:29
你能更详细一点吗?
2021-04-12 23:24:29