Android Links Not Opening

1

While my app works using volt to build external links do not open. The debugger does not have any errors or warning.

I opened the access and intent to * for troubleshooting purposes.

<preference name="permissions" value="none"/>
<preference name="orientation" value="default"/>
<preference name="target-device" value="universal"/>
<preference name="fullscreen" value="false"/>
<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-minSdkVersion" value="7"/>
<preference name="android-installLocation" value="auto"/>
<preference name="SplashScreenDelay" value="500" />
<preference name="AutoHideSplashScreen" value="true" />
<engine name="android" spec="10.1.2" />
<platform name="ios">
    <preference name="WKWebViewOnly" value="true" />
        <feature name="CDVWKWebViewEngine">
            <param name="ios-package" value="CDVWKWebViewEngine" />
        </feature>
    <preference name="CordovaWebViewEngine" value="CDVWKWebViewEngine" />
</platform>
<plugin name="cordova-plugin-inappbrowser"/>
<allow-navigation href="*" />
<access origin="*" />
<allow-intent href="*" />

<plugin name="cordova-plugin-splashscreen"/>
<plugin name="cordova-plugin-device"/>
<plugin name="cordova-plugin-dialogs"/>
<plugin name="cordova-plugin-network-information"/>
<plugin name="cordova-plugin-splashscreen"/>

<preference name="android-targetSdkVersion" value="28" />

<edit-config file="*-Info.plist" mode="merge" target="UIStatusBarHidden">
    <true/>
</edit-config>
2

This is likely due to CORS issues. Both Android and iOS have added security to restrict 3rd party sites to only declared ones.

Have a look at this tip on CORS and white screen errors.

It can also be useful to see if there are any errors at runtime using the remote debugger.

3

I verified the site we are linking to has a access-control-allow-origin set to *. I am also linking to Facebook and Youtube pages.

I don’t get a white splash screen, the app loads and internal links work.

I did follow the steps for the remote debugger and was able to connect and operate. I added some console.log on the click events which reported.

4

Did you also set up a CSP in your index.html file?

Here are the Cordova docs for this.

5

Thanks. The combination did the trick.