blocks|key|234371|text|有几个库，但我没有在大型项目中使用它们中的任何一个，所以您可能想要尝试一下：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|234372|234373|WebViewJavascriptBridge：https://github.com/marcuswestin/WebViewJavascriptBridge|unordered-list-item|offset|length|234374|GAJavaScript：https://github.com/newyankeecodeshop/GAJavaScript|234375|234376|-|234377|然而，我认为这是足够简单的东西，你可以自己试一试。我个人就是在需要的时候这么做的。您还可以创建一个简单的库来满足您的需求。|234378|1.从Objective-C执行JS方法|234379|这只是一行代码。|234380|NSString+*returnvalue+=+[webView+stringByEvaluatingJavaScriptFromString:@"your+javascript+code+string+here"];|code-block|syntax|javascript|234381|有关官方UIWebView+Documentation的更多详细信息。|234382|2.从JS执行Objective-C方法|234383|不幸的是，这要稍微复杂一些，因为Mac上没有相同的windowScriptObject属性(和类)来实现两者之间的完全通信。|234384|但是，您可以很容易地从javascript自定义URL调用，例如：|234385|window.location+=+yourscheme://callfunction/parameter1/parameter2?parameter3=value|234386|并从Objective-C截取它，如下：|234387|-+(BOOL)webView:(UIWebView*)webView+shouldStartLoadWithRequest:(NSURLRequest*)request+navigationType:(UIWebViewNavigationType)navigationType+{
+++NSURL+*URL+=+[request+URL];+
+++if+([[URL+scheme]+isEqualToString:@"yourscheme"])+{
+++++++//+parse+the+rest+of+the+URL+object+and+execute+functions
+++}+
}|234388|这不像它应该的那样干净(或通过使用windowScriptObject)，但它是有效的。|234389|3.侦听来自Objective-C的原生JS事件(例如DOM就绪事件)|234390|从上面的解释中可以看出，如果您想这样做，您必须创建一些JavaScript代码，将其附加到您想要监视的事件，并调用正确的window.location调用进行拦截。|style|CODE|234391|再说一次，它不像应该的那样干净，但它是有效的。|234392|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/marcuswestin/WebViewJavascriptBridge|1|https://github.com/newyankeecodeshop/GAJavaScript|2|https://developer.apple.com/documentation/uikit/uiwebview^0|0|0|O|1J|0|0|D|1D|1|0|0|0|0|0|0|0|4|N|2|0|0|0|0|0|0|0|0|0|1O|F|0|0^^$0|@$1|2|3|4|5|6|7|1X|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|1Y|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|1Z|8|@]|9|@$F|20|G|21|1|22]]|A|$]]|$1|H|3|I|5|E|7|23|8|@]|9|@$F|24|G|25|1|26]]|A|$]]|$1|J|3|-4|5|6|7|27|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|28|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|29|8|@]|9|@]|A|$]]|$1|O|3|P|5|6|7|2A|8|@]|9|@]|A|$]]|$1|Q|3|R|5|6|7|2B|8|@]|9|@]|A|$]]|$1|S|3|T|5|U|7|2C|8|@]|9|@]|A|$V|W]]|$1|X|3|Y|5|6|7|2D|8|@]|9|@$F|2E|G|2F|1|2G]]|A|$]]|$1|Z|3|10|5|6|7|2H|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|2I|8|@]|9|@]|A|$]]|$1|13|3|14|5|6|7|2J|8|@]|9|@]|A|$]]|$1|15|3|16|5|U|7|2K|8|@]|9|@]|A|$V|W]]|$1|17|3|18|5|6|7|2L|8|@]|9|@]|A|$]]|$1|19|3|1A|5|U|7|2M|8|@]|9|@]|A|$V|W]]|$1|1B|3|1C|5|6|7|2N|8|@]|9|@]|A|$]]|$1|1D|3|1E|5|6|7|2O|8|@]|9|@]|A|$]]|$1|1F|3|1G|5|6|7|2P|8|@$F|2Q|G|2R|1H|1I]]|9|@]|A|$]]|$1|1J|3|1K|5|6|7|2S|8|@]|9|@]|A|$]]|$1|1L|3|-4|5|6|7|2T|8|@]|9|@]|A|$]]]|1M|$1N|$5|1O|1P|1Q|A|$1R|1S]]|1T|$5|1O|1P|1Q|A|$1R|1U]]|1V|$5|1O|1P|1Q|A|$1R|1W]]]]

There are a few libraries, but I didn't used any of these in big projects, so you might want to try them out:

<ul>
<li>WebViewJavascriptBridge: <a href="https://github.com/marcuswestin/WebViewJavascriptBridge" rel="nofollow noreferrer">https://github.com/marcuswestin/WebViewJavascriptBridge</a></li>
<li>GAJavaScript: <a href="https://github.com/newyankeecodeshop/GAJavaScript" rel="nofollow noreferrer">https://github.com/newyankeecodeshop/GAJavaScript</a></li>
</ul>

—

However, I think it's something simple enough that you might give it a try yourself. I personally did exactly this when I needed to do that. You might also create a simple library that suits your needs.

<h3>1. Execute JS methods from Objective-C</h3>

This is really just one line of code.

<pre><code>NSString *returnvalue = [webView stringByEvaluatingJavaScriptFromString:@"your javascript code string here"];
</code></pre>

More details on the official <a href="https://developer.apple.com/documentation/uikit/uiwebview" rel="nofollow noreferrer">UIWebView Documentation</a>.

<h3>2. Execute Objective-C methods from JS</h3>

This is unfortunately slightly more complex, because there isn't the same windowScriptObject property (and class) that exists on Mac OSX allowing complete communication between the two.

However, you can easily call from javascript custom-made URLs, like:

<pre><code>window.location = yourscheme://callfunction/parameter1/parameter2?parameter3=value
</code></pre>

And intercept it from Objective-C with this:

<pre><code>- (BOOL)webView:(UIWebView*)webView shouldStartLoadWithRequest:(NSURLRequest*)request navigationType:(UIWebViewNavigationType)navigationType {
 NSURL *URL = [request URL]; 
 if ([[URL scheme] isEqualToString:@"yourscheme"]) {
 // parse the rest of the URL object and execute functions
 } 
}
</code></pre>

This is not as clean as it should be (or by using windowScriptObject) but it works.

<h3>3. Listen to native JS events from Objective-C (for example DOM ready event)</h3>

From the above explanation, you see that if you want to do that, you have to create some JavaScript code, attach it to the event you want to monitor and call the correct <code>window.location</code> call to be then intercepted.

Again, not clean as it should be, but it works.

blocks|key|2902971|text|看看KirinJS项目：Kirin+JS，它允许将Javascript用于应用程序逻辑和原生UI，足以满足运行它的平台。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2902972|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/KirinJS/Kirin^0|C|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Have a look at the KirinJS project: <a href="https://github.com/KirinJS/Kirin" rel="nofollow">Kirin JS</a> which allows to use Javascript for the application logic and native UI adequate to the platform it runs on.

blocks|key|238071|text|不推荐在接受的答案中从JS调用objective+c的建议方法。问题的一个例子:如果您立即连续进行两个调用，其中一个将被忽略(您不能太快地更改位置)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|238072|我推荐以下替代方法：|238073|function+execute(url)+
{
++var+iframe+=+document.createElement("IFRAME");
++iframe.setAttribute("src",+url);
++document.documentElement.appendChild(iframe);
++iframe.parentNode.removeChild(iframe);
++iframe+=+null;
}|code-block|syntax|javascript|238074|重复调用execute函数，由于每个调用都在其自己的iframe中执行，因此在快速调用时不应忽略它们。|offset|length|style|CODE|238075|致谢给this+guy。|238076|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.techno-barje.fr/post/2010/10/06/UIWebView-secrets-part3-How-to-properly-call-ObjectiveC-from-Javascript/^0|0|0|0|4|7|0|3|8|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Z|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|11|8|@$K|12|L|13|M|N]]|9|@]|A|$]]|$1|O|3|P|5|6|7|14|8|@]|9|@$K|15|L|16|1|17]]|A|$]]|$1|Q|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|R|$S|$5|T|U|V|A|$W|X]]]]

The suggested method of calling objective c from JS in the accepted answer isn't recommended. One example of problems: if you make two immediate consecutive calls one is ignored (you can't change location too quickly).

I recommend the following alternative approach:

<pre><code>function execute(url) 
{
 var iframe = document.createElement("IFRAME");
 iframe.setAttribute("src", url);
 document.documentElement.appendChild(iframe);
 iframe.parentNode.removeChild(iframe);
 iframe = null;
}
</code></pre>

You call the <code>execute</code> function repeatedly and since each call executes in its own iframe, they should not be ignored when called quickly.

Credits to <a href="http://blog.techno-barje.fr/post/2010/10/06/UIWebView-secrets-part3-How-to-properly-call-ObjectiveC-from-Javascript/" rel="noreferrer">this guy</a>.

blocks|key|3117087|text|我创建了一个类似WebViewJavascriptBridge的库，但它更像JQuery，安装更容易，使用起来也更容易。并不依赖于jQuery+(尽管值得称赞的是，如果我在写这篇文章之前就知道WebViewJavascriptBridge的存在，我可能会在深入研究之前稍微有所保留)。让我知道你的想法！jockeyjs|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3117088|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/tcoulter/jockeyjs^0|47|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

I created a library like WebViewJavascriptBridge, but it's more JQuery-like, has easier to setup and is easier to use. Doesn't rely on jQuery (though to its credit, had I known WebViewJavascriptBridge existed before writing this I may just have held back slightly before diving in). Let me know what you think! <a href="https://github.com/tcoulter/jockeyjs" rel="nofollow">jockeyjs</a>

blocks|key|3117137|text|更新：这在iOS+8中已经改变了。我的答案适用于以前的版本。|type|unstyled|depth|inlineStyleRanges|offset|length|style|BOLD|entityRanges|data|3117138|另一种选择，可能会让你被应用商店拒绝，那就是使用WebScriptObject。|3117139|这些API在OSX上是公共的，但在iOS上不是。|3117140|您需要定义内部类的接口。|3117141|@interface+WebScriptObject:+NSObject
@end

@interface+WebView
-+(WebScriptObject+*)windowScriptObject;
@end

@interface+UIWebDocumentView:+UIView
-+(WebView+*)webView;
@end|code-block|syntax|javascript|3117142|您需要定义将用作WebScriptObject的对象|3117143|@interface+WebScriptBridge:+NSObject
-+(void)someEvent:+(uint64_t)foo+:(NSString+*)bar;
-+(void)testfoo;
%2B+(BOOL)isKeyExcludedFromWebScript:(const+char+*)name;
%2B+(BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector;
%2B+(WebScriptBridge*)getWebScriptBridge;
@end

static+WebScriptBridge+*gWebScriptBridge+=+nil;

@implementation+WebScriptBridge
-+(void)someEvent:+(uint64_t)foo+:(NSString+*)bar
{
++++NSLog(bar);
}

-(void)testfoo+{
++++NSLog(@"testfoo!");
}

%2B+(BOOL)isKeyExcludedFromWebScript:(const+char+*)name;
{
++++return+NO;
}

%2B+(BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector;
{
++++return+NO;
}

%2B+(NSString+*)webScriptNameForSelector:(SEL)sel
{
++++//+Naming+rules+can+be+found+at:+https://developer.apple.com/library/mac/documentation/Cocoa/Reference/WebKit/Protocols/WebScripting_Protocol/Reference/Reference.html
++++if+(sel+==+@selector(testfoo))+return+@"testfoo";
++++if+(sel+==+@selector(someEvent::))+return+@"someEvent";

++++return+nil;
}
%2B+(WebScriptBridge*)getWebScriptBridge+{
++++if+(gWebScriptBridge+==+nil)
++++++++gWebScriptBridge+=+[WebScriptBridge+new];

++++return+gWebScriptBridge;
}
@end|3117144|现在将该实例设置为您的UIWebView|3117145|if+([uiWebView.subviews+count]+>+0)+{
++++UIView+*scrollView+=+uiWebView.subviews[0];

++++for+(UIView+*childView+in+scrollView.subviews)+{
++++++++if+([childView+isKindOfClass:[UIWebDocumentView+class]])+{
++++++++++++UIWebDocumentView+*documentView+=+(UIWebDocumentView+*)childView;
++++++++++++WebScriptObject+*wso+=+documentView.webView.windowScriptObject;

++++++++++++[wso+setValue:[WebScriptBridge+getWebScriptBridge]+forKey:@"yourBridge"];
++++++++}
++++}
}|3117146|现在在你的javascript中，你可以调用：|3117147|yourBridge.someEvent(100,+"hello");
yourBridge.testfoo();|3117148|entityMap^0|0|3|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|17|8|@]|D|@]|E|$]]|$1|H|3|I|5|6|7|18|8|@]|D|@]|E|$]]|$1|J|3|K|5|6|7|19|8|@]|D|@]|E|$]]|$1|L|3|M|5|N|7|1A|8|@]|D|@]|E|$O|P]]|$1|Q|3|R|5|6|7|1B|8|@]|D|@]|E|$]]|$1|S|3|T|5|N|7|1C|8|@]|D|@]|E|$O|P]]|$1|U|3|V|5|6|7|1D|8|@]|D|@]|E|$]]|$1|W|3|X|5|N|7|1E|8|@]|D|@]|E|$O|P]]|$1|Y|3|Z|5|6|7|1F|8|@]|D|@]|E|$]]|$1|10|3|11|5|N|7|1G|8|@]|D|@]|E|$O|P]]|$1|12|3|-4|5|6|7|1H|8|@]|D|@]|E|$]]]|13|$]]

Update: This has changed in iOS 8. My answer applies to previous versions.

An alternative, that may get you rejected from the app store, is to use WebScriptObject.

These APIs are public on OSX but are not on iOS.

You need to define interfaces to the internal classes.

<pre><code>@interface WebScriptObject: NSObject
@end

@interface WebView
- (WebScriptObject *)windowScriptObject;
@end

@interface UIWebDocumentView: UIView
- (WebView *)webView;
@end
</code></pre>

You need to define your object that's going to serve as your WebScriptObject

<pre><code>@interface WebScriptBridge: NSObject
- (void)someEvent: (uint64_t)foo :(NSString *)bar;
- (void)testfoo;
+ (BOOL)isKeyExcludedFromWebScript:(const char *)name;
+ (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector;
+ (WebScriptBridge*)getWebScriptBridge;
@end

static WebScriptBridge *gWebScriptBridge = nil;

@implementation WebScriptBridge
- (void)someEvent: (uint64_t)foo :(NSString *)bar
{
 NSLog(bar);
}

-(void)testfoo {
 NSLog(@"testfoo!");
}

+ (BOOL)isKeyExcludedFromWebScript:(const char *)name;
{
 return NO;
}

+ (BOOL)isSelectorExcludedFromWebScript:(SEL)aSelector;
{
 return NO;
}

+ (NSString *)webScriptNameForSelector:(SEL)sel
{
 // Naming rules can be found at: https://developer.apple.com/library/mac/documentation/Cocoa/Reference/WebKit/Protocols/WebScripting_Protocol/Reference/Reference.html
 if (sel == @selector(testfoo)) return @"testfoo";
 if (sel == @selector(someEvent::)) return @"someEvent";

 return nil;
}
+ (WebScriptBridge*)getWebScriptBridge {
 if (gWebScriptBridge == nil)
 gWebScriptBridge = [WebScriptBridge new];

 return gWebScriptBridge;
}
@end
</code></pre>

Now set that an instance to your UIWebView

<pre><code>if ([uiWebView.subviews count] &gt; 0) {
 UIView *scrollView = uiWebView.subviews[0];

 for (UIView *childView in scrollView.subviews) {
 if ([childView isKindOfClass:[UIWebDocumentView class]]) {
 UIWebDocumentView *documentView = (UIWebDocumentView *)childView;
 WebScriptObject *wso = documentView.webView.windowScriptObject;

 [wso setValue:[WebScriptBridge getWebScriptBridge] forKey:@"yourBridge"];
 }
 }
}
</code></pre>

Now inside of your javascript you can call:

<pre><code>yourBridge.someEvent(100, "hello");
yourBridge.testfoo();
</code></pre>

blocks|key|239954|text|这可以通过iOS7，签出http://blog.bignerdranch.com/3784-javascriptcore-and-ios-7/来实现|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|239955|entityMap|0|LINK|mutability|MUTABLE|url|http://blog.bignerdranch.com/3784-javascriptcore-and-ios-7/^0|C|1N|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

This is possible with iOS7, checkout <a href="http://blog.bignerdranch.com/3784-javascriptcore-and-ios-7/" rel="nofollow">http://blog.bignerdranch.com/3784-javascriptcore-and-ios-7/</a>

blocks|key|239961|text|In+iOS8+you+can+look+at+WKWebView+instead+of+UIWebView。它具有以下类:+WKScriptMessageHandler:提供从网页中运行的JavaScript接收消息的方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|239962|entityMap|0|LINK|mutability|MUTABLE|url|http://nshipster.com/wkwebkit/^0|0|1I|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

<a href="http://nshipster.com/wkwebkit/" rel="noreferrer">In iOS8 you can look at WKWebView instead of UIWebView</a>. This has the following class:
WKScriptMessageHandler: Provides a method for receiving messages from JavaScript running in a webpage.

blocks|key|2903183|text|如果你在iOS+8上使用WKWebView，可以看看XWebView，它可以自动将本机接口暴露给javascript。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2903184|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/XWebView/XWebView^0|Q|8|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

If you are using WKWebView on iOS 8, take a look the <a href="https://github.com/XWebView/XWebView" rel="nofollow">XWebView</a> which can automatically expose the native interface to javascript.

I'm working on an app where I'm going to use both HTML5 in UIWebView and native iOS framework together. I know that I can implement communication between JavaScript and Objective-C. Are there any libraries that simplify implementing this communication? I know that there are several libraries to create native iOS apps in HTML5 and javascript (for example AppMobi, PhoneGap), but I'm not sure if there is a library to help create native iOS apps with heavy JavaScript usage. I need to:

<ol>
<li>Execute JS methods from Objective-C</li>
<li>Execute Objective-C methods from JS</li>
<li>Listen to native JS events from Objective-C (for example DOM ready event)</li>
</ol>

iOS JavaScript bridge

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在开发一个应用程序，在这个应用程序中，我将同时使用UIWebView中的HTML5和本地iOS框架。我知道我可以实现JavaScript和Objective-C之间的通信。有没有什么库可以简化这种通信的实现？我知道有几个库可以在HTML5和javascript中创建原生iOS应用程序(例如AppMobi、Phone...

问iOS JavaScript桥
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问iOS JavaScript桥EN