PhoneGap ChildBrowser执行JavaScript

时间:2011-04-22 15:37:34

标签: iphone browser cordova

我想知道是否可以在phonegap childbrowser窗口中执行JavaScript,以便我们可以在phonegap app下操作网站?

查看大图,因为可以在Objective-C中创建一个函数,该函数将JS执行到childbrowser(修改childbrowser.m和childbrowser.h文件)并创建它的JS包装器,这样就可以调用JS函数来执行JS在儿童浏览器里面。

我希望你修改ChildBrowser让我拥有这个功能所以我不应该丢失它。至少给我初步的步骤。

1 个答案:

答案 0 :(得分:7)

好吧,我刚试过,它一次性工作。那太精彩了!我刚刚修改了PhoneGap的ChildBrowser插件,但它确实有效。

<强>已更新

我终于有几分钟时间来为那些遇到同样问题的人更新答案。

ChildBrowserCommand.h

- (void) jsExec:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options;

ChildBrowserCommand.m

- (void) jsExec:(NSMutableArray*)arguments withDict:(NSMutableDictionary*)options; {
    [childBrowser executeJS:(NSString *)[arguments objectAtIndex:0]];
}

ChildBrowserViewController.h

- (void)executeJS:(NSString *)js;

ChildBrowserViewController.m

- (void) executeJS:(NSString *)js {
    [webView stringByEvaluatingJavaScriptFromString:js];
}

ChildBrowser.js

/* MIT licensed */
// (c) 2010 Jesse MacFadyen, Nitobi

function ChildBrowser()
{

}

// Callback when the location of the page changes
// called from native
ChildBrowser._onLocationChange = function(newLoc)
{
    window.plugins.childBrowser.onLocationChange(newLoc);
}

// Callback when the user chooses the 'Done' button
// called from native
ChildBrowser._onClose = function()
{
    window.plugins.childBrowser.onClose();
}

// Callback when the user chooses the 'open in Safari' button
// called from native
ChildBrowser._onOpenExternal = function()
{
    window.plugins.childBrowser.onOpenExternal();
}

// Pages loaded into the ChildBrowser can execute callback scripts, so be careful to 
// check location, and make sure it is a location you trust.
// Warning ... don't exec arbitrary code, it's risky and could cause your app to fail.
// called from native
ChildBrowser._onJSCallback = function(js, loc)
{
    // Not Implemented
    window.plugins.childBrowser.onJSCallback(js, loc);
}

/* The interface that you will use to access functionality */

// Show a webpage, will result in a callback to onLocationChange
ChildBrowser.prototype.showWebPage = function(loc)
{
    PhoneGap.exec("ChildBrowserCommand.showWebPage",loc);
}

// close the browser, will NOT result in close callback
ChildBrowser.prototype.close = function()
{
    PhoneGap.exec("ChildBrowserCommand.close");
}

// Not Implemented
ChildBrowser.prototype.jsExec = function(jsString)
{
    // Not Implemented!!
    PhoneGap.exec("ChildBrowserCommand.jsExec", jsString);
}

// Note: this plugin does NOT install itself, call this method some time after deviceready to install it
// it will be returned, and also available globally from window.plugins.childBrowser
ChildBrowser.install = function()
{
    if(!window.plugins)
    {
        window.plugins = {};    
    }

    window.plugins.childBrowser = new ChildBrowser();
    return window.plugins.childBrowser;
}

我的全局变量。

var CB = null;

在我的DeviceReady事件上。

CB = ChildBrowser.install();
if (CB != null) {
    CB.onLocationChange = onCBLocationChanged;
}

我可以使用。

执行任何JS到网页
CB.jsExec("alert('I am from ChildBrowser!');");

我希望我对此的贡献会带来笑容。