Using PhoneGap Plugin: Child Browser

Question

I'm trying to use a Phonegap plugin and am having trouble. This is my first time using a plugin with Phonegap.

The plugin I'm using is ChildBrowser for Android.

I have linked the Javascript files in the headers.

<script src="cordova-1.7.0.js" type="text/javascript"></script>
<script src="childbrowser.js" type="text/javascript"></script>

Also have followed steps 2, 3, and 4 listed on the Github page.

I try using the ChildBrowser plugin within a link:

<a href="#" onClick="window.plugins.childBrowser.openExternal("http://www.google.com");">Test</a>

When the link is clicked nothing happens.

Is there anything I'm missing? Do I have to add some code within the header to intialize the child browser plugin?

Application Zip File.

Logcat Returns

D/CordovaLog(  885): Error: Status=2 Message=Class not found
D/CordovaLog(  885): file:///android_asset/www/cordova-1.7.0.js: Line 958 : Error: Status=2 Message=Class not found
I/Web Console(  885): Error: Status=2 Message=Class not found at file:///android_asset/www/cordova-1.7.0.js:958

*EDIT: Based on my research on the web, the error I'm getting is most commonly triggered when the plugin is not referenced correctly from the plugins.XML file. I have double-checked and made sure it's right.

I'm wondering if it's possible that the src folder location is incorrect. I have the src folder in the root of my project, which also contains my index.html, css, and javascript. I've noticed some people building Phonegap applications have a folder named www which contains the index.html, instead of just including it in the root of the project.*

Have exported Logcat and added to end of question. I keep getting the following error "Error: Status=2 Message=Class not found" — Philip Kirkbride, May 15 '12 at 18:17

Leon Chung · Answer 1 · 2012-08-01T19:05:19.657

13

In PhoneGap version 2.0, you have to add the following line to res/xml/config.xml instead of res/xml/plugins.xml:

<plugin name="ChildBrowser" value="com.phonegap.plugins.childBrowser.ChildBrowser"/>

Not sure whether this applies to PhoneGap version 1.7.

edited Aug 01 '12 at 19:05

answered Jul 26 '12 at 09:59

Leon Chung

329
2
6

did this but still window.plugins.childBrowser is undefined. – headkit Nov 27 '12 at 13:36

score 2 · Accepted Answer · answered May 15 '12 at 15:42

2

It looks like the value for the onClick attribute is malformed, you can't use "" for strings inside another '"', i.e. it should look like:

<a href="#" onClick="window.plugins.childBrowser.openExternal('http://www.google.com');">Test</a>

answered May 15 '12 at 15:42

johlo

5,422
1
18
32

Thanks for pointing that out, I'm a step closer to getting this to work but it still doesn't work with the change. – Philip Kirkbride May 15 '12 at 16:14

score 2 · Answer 3 · edited Jul 09 '12 at 12:44

2

Don't know if you have solved the problem. I had the same problem and after a bit of research I found that I had to add these lines in the AndroidManifest.xml file:

<activity android:name="com.phonegap.plugins.childBrowser.ChildBrowser" android:label="@string/app_name">
   <intent-filter>
   </intent-filter>
</activity>

Although this wasn't mentioned in the readme file...

edited Jul 09 '12 at 12:44

Praveenkumar

24,084
23
95
173

answered Jul 09 '12 at 08:13

Ellene

21
2

score 1 · Answer 4 · answered May 15 '12 at 17:26

1

It looks like you are using an older version of the ChildBrowser. You should grab the latest ChildBrowser code from github as it updates the references to PhoneGap with cordova.

Other than that what do you see in "adb logcat" when you click on your link?

answered May 15 '12 at 17:26

Simon MacDonald

23,253
5
58
74

I was under the impression that I had downloaded the latest version. Can you link me to the newest version? – Philip Kirkbride May 15 '12 at 17:35
I keep getting 'Error: Status=2 Message=Class not found' in logcat. I have added more details to my question. – Philip Kirkbride May 15 '12 at 19:46
Are you using PhoneGap build? – Simon MacDonald May 15 '12 at 23:25
Using PhoneGap panel in DreamWeaver CS6 – Philip Kirkbride May 16 '12 at 00:03
Comment by CJohns (rejected as Edit) : Phonegap/Cordova 2.0/2.1 required the ChildBrowser 2.0.0 Plugin, and will not work with the ChildBrowser 1.8.1! https://github.com/phonegap/phonegap-plugins/tree/master/Android/ChildBrowser – StuartLC Oct 11 '12 at 15:54

score 1 · Answer 5 · answered May 24 '12 at 03:51

1

Your folder structure is wrong, I think. Which version of Phonegap are you using? The structure should be:

Main Folder
  - assets
    - www
     - index.html
     - childbrowser.js
     - etc
    - libs
    - res
    - src
      - com
        - phonegap
          - plugin(s)
            - childbrowser

answered May 24 '12 at 03:51

dda

6,030
2
25
34

Ignore last comment. Reconstructed as you suggested and when I run build a index.html file is created in Main Folder which just says "PhoneGap is working". – Philip Kirkbride May 24 '12 at 15:08
I've re-posted the new problem caused by your solution as another question. http://stackoverflow.com/questions/10740555/phonegap-doesnt-see-assets-www-index-html – Philip Kirkbride May 24 '12 at 17:22

score 0 · Answer 6 · answered Jul 27 '12 at 04:54

0

In the child browser.js file add the following code above the function childbrowser()

(function() {

var cordovaRef = window.PhoneGap || window.Cordova || window.cordova; and close the function at last.

answered Jul 27 '12 at 04:54

Chandra Sekhar

113
6

Using PhoneGap Plugin: Child Browser

6 Answers6