I am trying to trouble shoot an APP with the Debugger, and It's not
Showing my device in the debugger window.
Do you have to add code to get the debug to work.
Such as in the Config.xml file. Or in index.html???
Showing my device in the debugger window.
Do you have to add code to get the debug to work.
Such as in the Config.xml file. Or in index.html???
- 8 Posts
- 0 Reply Likes
Posted 4 years ago
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
Have you followed
http://docs.build.phonegap.com/en_US/...
?
You may want to switch to https://www.genuitec.com/products/gap...
http://docs.build.phonegap.com/en_US/...
?
You may want to switch to https://www.genuitec.com/products/gap...
- 8 Posts
- 0 Reply Likes
Thanks for quick response, As far as I know I did do the
Items stated in the phonegap documentation.
Also, I saw, and I did download the Gap Debug app on to my Mac,
Well and Mac Pro, and a Mac Air book
And got the software loaded, added some statements in
my config.xml file as they asked, and
It did not recognize my tablet when I plugged it into Either Mac??
I was surprised about that.
I also change my android device to Developer mode, etc.
SO, at this point, I saw something that indicated to me that
gap-debug app requires you to have a APPLE DEVELOPER ID
when you build in phone gap build, For the Gap Debug to work.
I have a request submitted to Apple now to get an ID.
I have been building android and windows versions on phone
gap build, but not the iOS versions
Do you know if that's a factor?
ALso, I can post my config.xml file if you want to review the
gap debug type statements
Thanks in advance
Craig
Items stated in the phonegap documentation.
Also, I saw, and I did download the Gap Debug app on to my Mac,
Well and Mac Pro, and a Mac Air book
And got the software loaded, added some statements in
my config.xml file as they asked, and
It did not recognize my tablet when I plugged it into Either Mac??
I was surprised about that.
I also change my android device to Developer mode, etc.
SO, at this point, I saw something that indicated to me that
gap-debug app requires you to have a APPLE DEVELOPER ID
when you build in phone gap build, For the Gap Debug to work.
I have a request submitted to Apple now to get an ID.
I have been building android and windows versions on phone
gap build, but not the iOS versions
Do you know if that's a factor?
ALso, I can post my config.xml file if you want to review the
gap debug type statements
Thanks in advance
Craig
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
Hi Craig,
you can't build an iOS app without a signing key (p12 and mobileprovision file), so that's a factor in any debug situation.
Many developers here at the forum report trouble with the remote debugging feature, so it appears to be not quite reliable.
I must admit that I just suggested GapDebug because others have been satisfied with the product. Personally, I don't have experience with that tool, so I can't be of much further help.
Perhaps someone else chimes in to assist further...
Finally, you are welcome to post your config, if you wish.
If you do, please also confirm that you have both your index.html and config.xml in the root of your zip file for PGB. This is important.
you can't build an iOS app without a signing key (p12 and mobileprovision file), so that's a factor in any debug situation.
Many developers here at the forum report trouble with the remote debugging feature, so it appears to be not quite reliable.
I must admit that I just suggested GapDebug because others have been satisfied with the product. Personally, I don't have experience with that tool, so I can't be of much further help.
Perhaps someone else chimes in to assist further...
Finally, you are welcome to post your config, if you wish.
If you do, please also confirm that you have both your index.html and config.xml in the root of your zip file for PGB. This is important.
- 8 Posts
- 0 Reply Likes
Petra
Sure and thanks, I will put the code below.
I do have both files in the main top part of the zip folder now.
Although Originally, the config.xml was NOT, and I learned yes
That DOES NOT WORK> ha
also, yes, it does seem the phone gap build debugger is
PRETTY QWERKY....from the post I have seen as well.
I really am new to this, so this is just to get a homework assignment working.
so the apps pretty minimal, and there is no need to run an iOS version
for my homework. Although my plan is to develop apps on all the platforms
with the phone gap build, Assuming I can get it working that is..HA
Here my config.xml
<!-- phone gap typical config file
config.xml
Instructor Art Brown
Metro Community College
By Craig Miller
May 3, 2016
-->
<!-- versionCode is optional and Android only -->
Assignment 7 Miller
Assignment 7 App Build by Craig Miller for INFO 2439.
Craig Miller
<!--
If you do not want any permissions to be added to your app, add the
following tag to your config.xml; you will still have the INTERNET
permission on your app, which PhoneGap requires.
-->
<!-- Customize your app and platform with the preference element. -->
<!-- all: default means both landscape and portrait are enabled -->
<!-- all: possible values handset, tablet, or universal -->
<!-- all: hides the status bar at the top of the screen -->
<!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->
<!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->
<!-- ios: external links should open in the default browser, 'true' would use the webview the app lives in -->
<!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->
<!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->
<!-- ios: if set to true, app will terminate when home button is pressed -->
<!-- ios: if set to false, the spinner won't appear on the splash screen during app loading -->
<!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
<!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->
<!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->
<!--
Define a specific version of PhoneGap to build into your app.
<preference name="phonegap-version" value="3.5.0" />
-->
<!-- Core plugins -->
<!-- Define app icon for each platform.
<icon src="icon.png" />
<icon src="res/icon/android/icon-36-ldpi.png" gap:platform="android" gap:qualifier="ldpi" />
<icon src="res/icon/android/icon-48-mdpi.png" gap:platform="android" gap:qualifier="mdpi" />
<icon src="res/icon/android/icon-72-hdpi.png" gap:platform="android" gap:qualifier="hdpi" />
<icon src="res/icon/android/icon-96-xhdpi.png" gap:platform="android" gap:qualifier="xhdpi" />
<icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry" />
<icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry" gap:state="hover"/>
<icon src="res/icon/ios/icon-57.png" gap:platform="ios" width="57" height="57" />
<icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="res/icon/ios/icon-57-2x.png" gap:platform="ios" width="114" height="114" />
<icon src="res/icon/ios/icon-72-2x.png" gap:platform="ios" width="144" height="144" />
<icon src="res/icon/webos/icon-64.png" gap:platform="webos" />
<icon src="res/icon/windows-phone/icon-48.png" gap:platform="winphone" />
<icon src="res/icon/windows-phone/icon-173.png" gap:platform="winphone" gap:role="background" />
-->
<!-- Define app splash screen for each platform.
<gap:splash src="res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:qualifier="port-ldpi" />
<gap:splash src="res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:qualifier="port-mdpi" />
<gap:splash src="res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:qualifier="port-hdpi" />
<gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:qualifier="port-xhdpi" />
<gap:splash src="res/screen/blackberry/screen-225.png" gap:platform="blackberry" />
<gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="res/screen/windows-phone/screen-portrait.jpg" gap:platform="winphone" />
-->
<!--<gap:config-file platform="ios" parent="CFBundleShortVersionString">
<string>100</string>
</gap:config-file> -->
<!-- Added the following intents to support the removal of whitelist code from base cordova to a plugin -->
<!-- Whitelist configuration. Refer to https://cordova.apache.org/docs/en/ed... -->
Sure and thanks, I will put the code below.
I do have both files in the main top part of the zip folder now.
Although Originally, the config.xml was NOT, and I learned yes
That DOES NOT WORK> ha
also, yes, it does seem the phone gap build debugger is
PRETTY QWERKY....from the post I have seen as well.
I really am new to this, so this is just to get a homework assignment working.
so the apps pretty minimal, and there is no need to run an iOS version
for my homework. Although my plan is to develop apps on all the platforms
with the phone gap build, Assuming I can get it working that is..HA
Here my config.xml
<!-- phone gap typical config file
config.xml
Instructor Art Brown
Metro Community College
By Craig Miller
May 3, 2016
-->
<!-- versionCode is optional and Android only -->
Assignment 7 Miller
Assignment 7 App Build by Craig Miller for INFO 2439.
Craig Miller
<!--
If you do not want any permissions to be added to your app, add the
following tag to your config.xml; you will still have the INTERNET
permission on your app, which PhoneGap requires.
-->
<!-- Customize your app and platform with the preference element. -->
<!-- all: default means both landscape and portrait are enabled -->
<!-- all: possible values handset, tablet, or universal -->
<!-- all: hides the status bar at the top of the screen -->
<!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->
<!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->
<!-- ios: external links should open in the default browser, 'true' would use the webview the app lives in -->
<!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->
<!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->
<!-- ios: if set to true, app will terminate when home button is pressed -->
<!-- ios: if set to false, the spinner won't appear on the splash screen during app loading -->
<!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
<!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->
<!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->
<!--
Define a specific version of PhoneGap to build into your app.
<preference name="phonegap-version" value="3.5.0" />
-->
<!-- Core plugins -->
<!-- Define app icon for each platform.
<icon src="icon.png" />
<icon src="res/icon/android/icon-36-ldpi.png" gap:platform="android" gap:qualifier="ldpi" />
<icon src="res/icon/android/icon-48-mdpi.png" gap:platform="android" gap:qualifier="mdpi" />
<icon src="res/icon/android/icon-72-hdpi.png" gap:platform="android" gap:qualifier="hdpi" />
<icon src="res/icon/android/icon-96-xhdpi.png" gap:platform="android" gap:qualifier="xhdpi" />
<icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry" />
<icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry" gap:state="hover"/>
<icon src="res/icon/ios/icon-57.png" gap:platform="ios" width="57" height="57" />
<icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72" />
<icon src="res/icon/ios/icon-57-2x.png" gap:platform="ios" width="114" height="114" />
<icon src="res/icon/ios/icon-72-2x.png" gap:platform="ios" width="144" height="144" />
<icon src="res/icon/webos/icon-64.png" gap:platform="webos" />
<icon src="res/icon/windows-phone/icon-48.png" gap:platform="winphone" />
<icon src="res/icon/windows-phone/icon-173.png" gap:platform="winphone" gap:role="background" />
-->
<!-- Define app splash screen for each platform.
<gap:splash src="res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:qualifier="port-ldpi" />
<gap:splash src="res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:qualifier="port-mdpi" />
<gap:splash src="res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:qualifier="port-hdpi" />
<gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:qualifier="port-xhdpi" />
<gap:splash src="res/screen/blackberry/screen-225.png" gap:platform="blackberry" />
<gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960" />
<gap:splash src="res/screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136" />
<gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024" />
<gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768" />
<gap:splash src="res/screen/windows-phone/screen-portrait.jpg" gap:platform="winphone" />
-->
<!--<gap:config-file platform="ios" parent="CFBundleShortVersionString">
<string>100</string>
</gap:config-file> -->
<!-- Added the following intents to support the removal of whitelist code from base cordova to a plugin -->
<!-- Whitelist configuration. Refer to https://cordova.apache.org/docs/en/ed... -->
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
You failed to wrap your code in a CODE element as described under "some HTML allowed", so I can't see anything but comment lines (which you can remove for brevity).
- 8 Posts
- 0 Reply Likes
sure, thanks, Lets' try this one.
Maybe it will work better
Maybe it will work better
<xml version="1.0" encoding="UTF-8">
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
xmlns:android="http://schema.android.com/apk/res/android"
id = "com.phonegap.assignment7"
versionCode = "10"
version = "1.0.0" >
<name>Assignment 7 Miller</name>
<description>
Assignment 7 App Build by Craig Miller for INFO 2439.
</description>
<author href="http://phonegap.com" email="cmiller59@mail.mccneb.edu">
Craig Miller
</author>
<preference name="permissions" value="none"/>
<!-- Customize your app and platform with the preference element. -->
<preference name="orientation" value="default" /> <!-- all: default means both landscape and portrait are enabled -->
<preference name="target-device" value="universal" /> <!-- all: possible values handset, tablet, or universal -->
<preference name="fullscreen" value="true" /> <!-- all: hides the status bar at the top of the screen -->
<preference name="webviewbounce" value="true" /> <!-- ios: control whether the screen 'bounces' when scrolled beyond the top -->
<preference name="prerendered-icon" value="true" /> <!-- ios: if icon is prerendered, iOS will not apply it's gloss to the app's icon on the user's home screen -->
<preference name="stay-in-webview" value="false" /> <!-- ios: external links should open in the default browser, 'true' would use the webview the app lives in -->
<preference name="ios-statusbarstyle" value="black-opaque" /> <!-- ios: black-translucent will appear black because the PhoneGap webview doesn't go beneath the status bar -->
<preference name="detect-data-types" value="true" /> <!-- ios: controls whether data types (such as phone no. and dates) are automatically turned into links by the system -->
<preference name="exit-on-suspend" value="false" /> <!-- ios: if set to true, app will terminate when home button is pressed -->
<preference name="show-splash-screen-spinner" value="true" /> <!-- ios: if set to false, the spinner won't appear on the splash screen during app loading -->
<preference name="auto-hide-splash-screen" value="true" /> <!-- ios: if set to false, the splash screen must be hidden using a JavaScript API -->
<preference name="disable-cursor" value="false" /> <!-- blackberry: prevents a mouse-icon/cursor from being displayed on the app -->
<preference name="android-installLocation" value="auto" /> <!-- android: app install location. 'auto' will choose. 'internalOnly' is device memory. 'preferExternal' is SDCard. -->
<!-- Core plugins -->
<gap:plugin name="org.apache.cordova.battery-status" />
<gap:plugin name="org.apache.cordova.camera" />
<gap:plugin name="org.apache.cordova.media-capture" />
<gap:plugin name="org.apache.cordova.console" />
<gap:plugin name="org.apache.cordova.contacts" />
<gap:plugin name="org.apache.cordova.device" />
<gap:plugin name="org.apache.cordova.device-motion" />
<gap:plugin name="org.apache.cordova.device-orientation" />
<gap:plugin name="org.apache.cordova.dialogs" />
<!--<gap:config-file platform="ios" parent="CFBundleShortVersionString">
<string>100</string>
</gap:config-file> -->
<gap:config-file platform="android" parent="/manifest">
<application android:debuggable="true" />
</gap:config-file>
<manifest>
<application android:debuggable="true" />
</manifest>
<access origin="*" />
<!-- Added the following intents to support the removal of whitelist code from base cordova to a plugin -->
<!-- Whitelist configuration. Refer to https://cordova.apache.org/docs/en/edge/guide_appdev_whitelist_index.md.html -->
<plugin name="cordova-plugin-whitelist" version="1" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
<allow-intent href="market:*" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
</platform>
</widget>
</xml>
- 8 Posts
- 0 Reply Likes
Here's a version that has a little less comments.
<xml version="1.0" encoding="UTF-8">
<widget xmlns = "http://www.w3.org/ns/widgets"
xmlns:gap = "http://phonegap.com/ns/1.0"
xmlns:android="http://schema.android.com/apk/res/android"
id = "com.phonegap.assignment7"
versionCode = "10"
version = "1.0.0" >
<name>Assignment 7 Miller</name>
<description>
Assignment 7 App Build by Craig Miller for INFO 2439.
</description>
<author href="http://phonegap.com" email="cmiller59@mail.mccneb.edu">
Craig Miller
</author>
<preference name="permissions" value="none"/>
<!-- Customize your app and platform with the preference element. -->
<preference name="orientation" value="default" />
<preference name="target-device" value="universal" />
<preference name="fullscreen" value="true" />
<preference name="webviewbounce" value="true" />
<preference name="prerendered-icon" value="true" />
<preference name="stay-in-webview" value="false" />
<preference name="ios-statusbarstyle" value="black-opaque" />
<preference name="detect-data-types" value="true" />
<preference name="exit-on-suspend" value="false" />
<preference name="show-splash-screen-spinner" value="true" />
<preference name="auto-hide-splash-screen" value="true" />
<preference name="disable-cursor" value="false" />
<preference name="android-installLocation" value="auto" />
<!-- Core plugins -->
<gap:plugin name="org.apache.cordova.battery-status" />
<gap:plugin name="org.apache.cordova.camera" />
<gap:plugin name="org.apache.cordova.media-capture" />
<gap:plugin name="org.apache.cordova.console" />
<gap:plugin name="org.apache.cordova.contacts" />
<gap:plugin name="org.apache.cordova.device" />
<gap:plugin name="org.apache.cordova.device-motion" />
<gap:plugin name="org.apache.cordova.device-orientation" />
<gap:plugin name="org.apache.cordova.dialogs" />
<!--<gap:config-file platform="ios" parent="CFBundleShortVersionString">
<string>100</string>
</gap:config-file> -->
<gap:config-file platform="android" parent="/manifest">
<application android:debuggable="true" />
</gap:config-file>
<manifest>
<application android:debuggable="true" />
</manifest>
<access origin="*" />
<!-- Added the following intents to support the removal of whitelist code from base cordova to a plugin -->
<!-- Whitelist configuration. Refer to https://cordova.apache.org/docs/en/edge/guide_appdev_whitelist_index.md.html -->
<plugin name="cordova-plugin-whitelist" version="1" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
<allow-intent href="market:*" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
<allow-intent href="itms-apps:*" />
</platform>
</widget>
</xml>
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
Some feedback:
1. If you want the splashscreen to auto-hide, set the delay time.
btw: wouldn't you rather dismiss the splash screen as soon as the first page is ready to be displayed?
2. You should not use the old, deprecated plugins from the pgb repo. Use the latest versions from npm instead. Be aware that they are named differently!
See the Blog, for instance the article from Sept 04, 2015
3. You have
That versions doesn't exist. Remove the version attribute.
4. You don't have any icons and splashes (so what do you want to auto-hide?)
Icons are required. Splashes are highly recommended for Android and required for iOS.
...and be aware that you need the splashscreen plugin as well. For iPad, you also need the statusbar plugin.
1. If you want the splashscreen to auto-hide, set the delay time.
btw: wouldn't you rather dismiss the splash screen as soon as the first page is ready to be displayed?
2. You should not use the old, deprecated plugins from the pgb repo. Use the latest versions from npm instead. Be aware that they are named differently!
See the Blog, for instance the article from Sept 04, 2015
3. You have
<plugin name="cordova-plugin-whitelist" version="1" />
That versions doesn't exist. Remove the version attribute.
4. You don't have any icons and splashes (so what do you want to auto-hide?)
Icons are required. Splashes are highly recommended for Android and required for iOS.
...and be aware that you need the splashscreen plugin as well. For iPad, you also need the statusbar plugin.
- 8 Posts
- 0 Reply Likes
Oh, thanks, I will check into all that, and try to update this later.
That's plenty of items to correct, I appreciate the help.
Regards
Craig
That's plenty of items to correct, I appreciate the help.
Regards
Craig
- 8 Posts
- 0 Reply Likes
do you put the icon statement in the config file?
and also the splash statement?
I may have to google that.
so far, we have put the icons in the index.html file.
At least in this class...
and also the splash statement?
I may have to google that.
so far, we have put the icons in the index.html file.
At least in this class...
Petra V., Champion
- 7794 Posts
- 1391 Reply Likes
This would be a great time to work your way through the PGB Docs. In this case the Icons and Splashscreens section.See the Docs link in the menu bar of this forum.
(btw: in the config.xml, you don't have "statements". In XML, you have Elements, Children, Attributes, etc. But no "Statements". XML is not a programming language, but rather a data structure.)
(btw: in the config.xml, you don't have "statements". In XML, you have Elements, Children, Attributes, etc. But no "Statements". XML is not a programming language, but rather a data structure.)
- 8 Posts
- 0 Reply Likes
Will do and thanks for the comments.
I also meant a course I am taking,
not a "class" in the programming sense of the term.
ha
Craig
I also meant a course I am taking,
not a "class" in the programming sense of the term.
ha
Craig
Related Categories
-
PhoneGap Build
- 15111 Conversations
- 275 Followers

