cordova works fine on local but not on remote host

Question

function Talk()
{
    var vis = $('#MyWrapper').css("visibility");

    if(vis == "visible")
    {
        $('#MyWrapper').css({ visibility: "hidden" });
    }
    else if(vis == "hidden")
    {
        $('#MyiWrapper').css({ visibility: "visible" });
    }
}


function onDeviceReady() 
{    
    $('#myButton').click(Talk);
}

I have a cordova app containing the above code in its www/scripts/index.js file. My app is working fine on local visual studio testing with Ripple emulator but when it is uploaded pressing the defined button doesn't have any effect. Why is that. How can I debug an uploaded progressive web app with browser. I am new to cordova.

score 0 · Answer 1 · edited May 23 '17 at 12:00

Based from this documentation, for PWAs, you can cache static resources, composing your application shell (JS/CSS/HTML files) using the Cache API and fill in the offline page data from IndexedDB. Debugging support for IndexedDB is now available in Chrome (Application tab), Opera, Firefox (Storage Inspector) and Safari (Storage tab).

Also from this link, if you need to test things on a remote web server that doesn't support HTTPS, there is a manual workaround you can use. It involves starting up Chrome via the command line, and using both the --user-data-dir and --unsafety-treat-insecure-origin-as-secure flags.

Hope this helps!

cordova works fine on local but not on remote host

1 Answers1