Today I tried to simplify the ChildBrowser execution in xCode, which I follwed earlier. To my surprise, I don't need to do anything rather than simply ignoring some steps. Here is the procedure:
Sample Code:
<html>
<head>
<script type=”text/javascript” charset="utf-8" src=”phonegap.<version>.js”></script>
<script type=”text/javascript” charset="utf-8" src=”ChildBrowser.js”></script>
function onDeviceReady() {
cb = ChildBrowser.install();
}
function showChild() {
cb.showWebPage(“http://google.com”);
</script>
</head>
<body onload=”onDeviceReady()”>
<a href="#" onclick="showChild()">Click here</a>
</body>
- Download the ChildBrowser plugins here.
- Start xCode and create a phonegap-based application.
- In
Supporting Files > PhoneGap.plist, add under Plugins (click the down
arrow to the left of Plugins, then click on the + symbol to open a new
row):
Key: ChildBrowserCommand
Type: String (default)
Value: ChildBrowserCommand - You need to associate your external URLs on this page, too. In Supporting Files > PhoneGap.plist, add them under
ExternalHosts, like:
Key: Item 0
Type: String (default)
Value: * or whatever URL you are using in the code(* is enough) - Right-click on the Plugins folder in Xcode and select to “Add Files to…” the folder.
- Navigate to the phonegap-plugins > iPhone > Childbrowser folder, and select the ChildBrowser folder. Check “Copy items into. . .” and “Create groups for. . .” A ChildBrowser folder is added to the Plugins folder.
Sample Code:
<html>
<head>
<script type=”text/javascript” charset="utf-8" src=”phonegap.<version>.js”></script>
<script type=”text/javascript” charset="utf-8" src=”ChildBrowser.js”></script>
<script type=”text/javascript” charset="utf-8">
var cb;
function onDeviceReady() {
cb = ChildBrowser.install();
}
function showChild() {
cb.showWebPage(“http://google.com”);
}
</script>
</head>
<body onload=”onDeviceReady()”>
<a href="#" onclick="showChild()">Click here</a>
</body>
</html>
Comments
Post a Comment