Saturday, March 3, 2012

ChildBrowser iOS xCode

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:
  1. Download the ChildBrowser plugins here.
  2. Start xCode and create a phonegap-based application.
  3. 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 
  4. 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)
  5. Right-click on the Plugins folder in Xcode and select to “Add Files to…” the folder.
  6. 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>