3 Replies Latest reply on Jun 20, 2016 7:52 AM by kerrishotts

    Blank screen when online

    emmanuelg40349667

      why is my app only displaying a blank white screen when online. But when i open the url in a browser it doesn't appear blank. I'm confused and i don't really know the source of this problem. can someone help?

        • 1. Re: Blank screen when online
          kerrishotts Adobe Community Professional

          Something is stopping your app from fully initializing. Without seeing code and any error messages you're seeing on the JS console, it's difficult to help.

           

          Use Chrome or Safari to remotely debug your app and see if anything shows up on the JavaScript console. Chances are good something is throwing an error somewhere. Also double check that you've properly configured your whitelist (config.xml) and content-security-policy (index.html). Sharing your config.xml & index.html (HEAD portion) as well as the portion of code that's starting your app should help. Also check the device console (adb logcat for Android, Xcode for iOS) to see if there is anything else occurring on the device that might give us a clue.

           

          Also, how are you building your app? PhoneGap Build, PhoneGap/Cordova CLI? Or are you using the PhoneGap Developer/Desktop app?

           

          Finally, based on your tags, you might want to try and get support from Apppresser.

          • 2. Re: Blank screen when online
            emmanuelg40349667 Level 1

            Hello, Thanks for the reply.

            I am using AppPresser to compile the app so my your whitelist (config.xml) and content-security-policy (index.html) are all compiled by AppPresser. I am using Phonegap Build to build the app and below is the log for android. Still can't figure out the source of the problem.

            Build Date: 2016-06-19 16:08:21 +0000

            --------------------------------------------------------------------------------

            PLUGIN OUTPUT

            --------------------------------------------------------------------------------

            Fetching plugin "cordova-plugin-statusbar@2.1.3" via npm

            Installing "cordova-plugin-statusbar" at "2.1.3" for android

            Fetching plugin "pushwoosh-pgb-plugin@5.0.3" via npm

            Installing "pushwoosh-cordova-plugin" at "5.0.3" for android

            Fetching plugin "cordova-plugin-x-socialsharing@5.0.12" via npm

            Installing "cordova-plugin-x-socialsharing" at "5.0.12" for android

            Fetching plugin "cordova-plugin-whitelist@1.2.2" via npm

            Installing "cordova-plugin-whitelist" at "1.2.2" for android

             

              This plugin is only applicable for versions of cordova-android greater than 4.0. If you have a previous platform version, you do *not* need this plugin since the whitelist will be built in.

            Fetching plugin "cordova-plugin-camera@2.2.0" via npm

            Installing "cordova-plugin-camera" at "2.2.0" for android

            Fetching plugin "cordova-plugin-compat" via npm

            Installing "cordova-plugin-compat" at "1.0.0" for android

            Fetching plugin "cordova-plugin-device@1.1.2" via npm

            Installing "cordova-plugin-device" at "1.1.2" for android

            Fetching plugin "cordova-plugin-contacts@2.1.0" via npm

            Installing "cordova-plugin-contacts" at "2.1.0" for android

            Dependent plugin "cordova-plugin-compat" already installed on android.

            Fetching plugin "cordova-plugin-dialogs@1.2.1" via npm

            Installing "cordova-plugin-dialogs" at "1.2.1" for android

            Fetching plugin "cordova-plugin-file@4.2.0" via npm

            Installing "cordova-plugin-file" at "4.2.0" for android

            Dependent plugin "cordova-plugin-compat" already installed on android.

             

            The Android Persistent storage location now defaults to "Internal". Please check this plugins README to see if you application needs any changes in its config.xml.

             

            If this is a new application no changes are required.

             

            If this is an update to an existing application that did not specify an "AndroidPersistentFileLocation" you may need to add:

             

              "<preference name="AndroidPersistentFileLocation" value="Compatibility" />"

             

            to config.xml in order for the application to find previously stored files.

            Fetching plugin "cordova-plugin-file-transfer@1.5.1" via npm

            Installing "cordova-plugin-file-transfer" at "1.5.1" for android

            Dependent plugin "cordova-plugin-file" already installed on android.

            Fetching plugin "cordova-plugin-geolocation@2.2.0" via npm

            Installing "cordova-plugin-geolocation" at "2.2.0" for android

            Dependent plugin "cordova-plugin-compat" already installed on android.

            Fetching plugin "cordova-plugin-inappbrowser@1.4.0" via npm

            Installing "cordova-plugin-inappbrowser" at "1.4.0" for android

            Fetching plugin "cordova-plugin-media-capture@1.3.0" via npm

            Installing "cordova-plugin-media-capture" at "1.3.0" for android

            Dependent plugin "cordova-plugin-file" already installed on android.

            Dependent plugin "cordova-plugin-compat" already installed on android.

            Fetching plugin "cordova-plugin-network-information@1.2.1" via npm

            Installing "cordova-plugin-network-information" at "1.2.1" for android

            Fetching plugin "cordova-plugin-splashscreen@3.2.2" via npm

            Installing "cordova-plugin-splashscreen" at "3.2.2" for android

            --------------------------------------------------------------------------------

            COMPILE OUTPUT

            --------------------------------------------------------------------------------

            Build option --'' not recognized (ignoring).

            Running: /project/gradlew cdvBuildDebug -b /project/build.gradle -Dorg.gradle.daemon=true -PcdvBuildMultipleApks=false

            :preBuild

            :compileDebugNdk

            :preDebugBuild

            :checkDebugManifest

            :preReleaseBuild

            :CordovaLib:compileLint

            :CordovaLib:copyDebugLint UP-TO-DATE

            :CordovaLib:mergeDebugProguardFiles

            :CordovaLib:preBuild

            :CordovaLib:preDebugBuild

            :CordovaLib:checkDebugManifest

            :CordovaLib:prepareDebugDependencies

            :CordovaLib:compileDebugAidl

            :CordovaLib:compileDebugRenderscript

            :CordovaLib:generateDebugBuildConfig

            :CordovaLib:generateDebugAssets UP-TO-DATE

            :CordovaLib:mergeDebugAssets

            :CordovaLib:generateDebugResValues

            :CordovaLib:generateDebugResources

            :CordovaLib:packageDebugResources

            :CordovaLib:processDebugManifest

            :CordovaLib:processDebugResources

            :CordovaLib:generateDebugSources

            :CordovaLib:compileDebugJavaNote: Some input files use or override a deprecated API.

            Note: Recompile with -Xlint:deprecation for details.

             

            :CordovaLib:processDebugJavaRes UP-TO-DATE

            :CordovaLib:packageDebugJar

            :CordovaLib:compileDebugNdk

            :CordovaLib:packageDebugJniLibs UP-TO-DATE

            :CordovaLib:packageDebugLocalJar UP-TO-DATE

            :CordovaLib:packageDebugRenderscript UP-TO-DATE

            :CordovaLib:bundleDebug

            :CordovaLib:copyReleaseLint UP-TO-DATE

            :CordovaLib:mergeReleaseProguardFiles

            :CordovaLib:preReleaseBuild

            :CordovaLib:checkReleaseManifest

            :CordovaLib:prepareReleaseDependencies

            :CordovaLib:compileReleaseAidl

            :CordovaLib:compileReleaseRenderscript

            :CordovaLib:generateReleaseBuildConfig

            :CordovaLib:generateReleaseAssets UP-TO-DATE

            :CordovaLib:mergeReleaseAssets

            :CordovaLib:generateReleaseResValues

            :CordovaLib:generateReleaseResources

            :CordovaLib:packageReleaseResources

            :CordovaLib:processReleaseManifest

            :CordovaLib:processReleaseResources

            :CordovaLib:generateReleaseSources

            :CordovaLib:compileReleaseJavaNote: Some input files use or override a deprecated API.

            Note: Recompile with -Xlint:deprecation for details.

             

            :CordovaLib:processReleaseJavaRes UP-TO-DATE

            :CordovaLib:packageReleaseJar

            :CordovaLib:compileReleaseNdk

            :CordovaLib:packageReleaseJniLibs UP-TO-DATE

            :CordovaLib:packageReleaseLocalJar UP-TO-DATE

            :CordovaLib:packageReleaseRenderscript UP-TO-DATE

            :CordovaLib:bundleRelease

            :prepareComAndroidSupportSupportV42310Library

            :prepareComGoogleAndroidGmsPlayServicesBase840Library

            :prepareComGoogleAndroidGmsPlayServicesBasement840Library

            :prepareComGoogleAndroidGmsPlayServicesGcm840Library

            :prepareComGoogleAndroidGmsPlayServicesLocation840Library

            :prepareComGoogleAndroidGmsPlayServicesMaps840Library

            :prepareComGoogleAndroidGmsPlayServicesMeasurement840Library

            :prepareComPushwooshPushwoosh412Library

            :prepareProjectCordovaLibUnspecifiedDebugLibrary

            :prepareDebugDependencies

            :compileDebugAidl

            :compileDebugRenderscript

            :generateDebugBuildConfig

            :generateDebugAssets UP-TO-DATE

            :mergeDebugAssets

            :generateDebugResValues

            :generateDebugResources

            :mergeDebugResources

            :processDebugManifest

            :processDebugResourcesWarning: AndroidManifest.xml already defines debuggable (in http://schemas.android.com/apk/res/android); using existing value in manifest.

             

            :generateDebugSources

            :compileDebugJavaNote: Some input files use or override a deprecated API.

            Note: Recompile with -Xlint:deprecation for details.

            Note: Some input files use unchecked or unsafe operations.

            Note: Recompile with -Xlint:unchecked for details.

             

            :preDexDebug

            :dexDebug

            :processDebugJavaRes UP-TO-DATE

            :validateDebugSigning

            :packageDebug

            :zipalignDebug

            :assembleDebug

            :cdvBuildDebug

             

            BUILD SUCCESSFUL

             

            Total time: 44.683 secs

            Built the following apk(s):

              /project/build/outputs/apk/project-debug.apk

            • 3. Re: Blank screen when online
              kerrishotts Adobe Community Professional

              In this case the build log won't tell us much (other than that you are in fact using the whitelist plugin), and without knowing what's going on with the whitelist and content-security-policy, it's going to be difficult to help. I suggest contact Apppresser support, or see if they have any documentation on how they configure the whitelist/CSP.