Kinvey not working in Safari Mobile? : Progress Kinvey

Start a new topic

Kinvey not working in Safari Mobile?

Tayger

started a topic over 5 years ago

Hello

I'm just working on a HTML App (with KendoUI Mobile) and therefore also using Kinvey's HTML API.

The weird thing: As soon as I init Kinvey the screen of the Safari browser on my iPhone doesn't output anything while Firefox and Chrome works fine!

Here is the sample code causing that behaviour (needs an appkey and appsecret of course):

<!DOCTYPE html>
<html>
<head>
    <title>My App</title>
    <link href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="https://kendo.cdn.telerik.com/2018.2.516/styles/kendo.mobile.all.min.css" rel="stylesheet" />
    <script src="https://kendo.cdn.telerik.com/2018.2.516/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2018.2.516/js/kendo.all.min.js"></script>

    <script src="https://da189i1jfloii.cloudfront.net/js/kinvey-html5-sdk-3.11.1.min.js"></script>

</head>

<script>
    $(document).ready(function() {

        // Init Kinvey --> This causes Safari Mobile not to display anything
        Kinvey.init({
            appKey: 'myAppKey',
            appSecret: 'myAppSecret'
        });

        // alert ("passed"); Will not be displayed on Kinvey.init

        // Init KendoUI Mobile
        var app = new kendo.mobile.Application($(document.body), {
            skin: 'flat',
            transition:'slide',
            initial: "login"
        });

    });
</script>

<body>

<!-- View login -->
<div id="login" data-role="view" data-layout="default">
Im here!
</div>

</body>
</html>

If it's working you will see 'Im here!'

I assume there is an error that is not displayed in the mobile Safari browser. It also works fine in the Safari browser on my Mac.

Regards

2 Comments

Tayger

said over 5 years ago

In between I created an easier example and by implementing a console package you can see the source of the error:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>My App</title>
    
    <script   src="https://code.jquery.com/jquery-3.3.1.min.js"   integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8="   crossorigin="anonymous"></script>

    <script src="https://da189i1jfloii.cloudfront.net/js/kinvey-html5-sdk-3.11.1.min.js"></script>

    <script src="https://matthewcv.github.io/mobiledebug.js"></script>

</head>

<script>

    $(document).ready(function() {

        console.log("before");

        // Init Kinvey
        Kinvey.init({
            appKey: 'kid_SkYzM4SHM',
            appSecret: '4e970ca8bd164f98ae23ccbd19141dc5'
        });

        console.log("after");

    });

</script>

<body>

<div>
    Show something
</div>

</body>
</html>

In case you only can see "Show something" but won't see the error message then just scroll down in Safari Mobile browser:

jQuery.Deferred exception: Can't find variable: Kinvey https://<myscriptpath>.html:22:15 l@https://code.jquery.com/jquery-3.3.1.min.js:2:29380 https://code.jquery.com/jquery-3.3.1.min.js:2:29678

before

It must have to do with the usage of JQuery (3.3.1 is the latest productive version), well I also get it with 3.2.1

This sample works fine in the mobile versions of Chrome and Firefox showing "before" AND "after" (with no error message),

Just Safari mobile is causing this problem and stopping the code after this. I'm using the latest iOS with the a such delivered Safari mobile browser.

Hope you can fix it or offer a solution.

Regards

Tayger

said over 5 years ago

I've returned to see if this will be investigated and couldn't fine any answer. So my question is if this will be checked in future? I'm aware the Safari browser is not much used at all but the Safari mobile browser is used nearly on every iPhone/iPad since it's the default browser that (unfortunately) can't be changed.

Regards

Redirect Notice

How can we help you today?