Strange hang on iPad and Mobile

[a_5mith]

Running nodebb 0.4.0, the page stops loading at about 85%-90% along the loading bar, before any content is loaded. But only on iPad or my Galaxy S4. Desktop is fine. It happens both when clicking Home inside a category, or when I click my logo in the top left. This site is fine, but I've been staring at a blank page on the iPad for about a minute, seeing if it will ever load. Clicking refresh in the iOS browser and/or on my phone (chrome) refreshed the homepage fine.

Screenshot:

Dev Address: http://188.226.148.8:4567/

[finid]

@a_5mith

Works just fine on Android 4.2.1

[a_5mith]

Hmm, I'm running either 4.4.2 or 4.4.1 KitKat and it does the same thing as my iPad running iOS7.something. Will try clearing the cache on the iPad and see if that makes a difference. It did it on my previous test server as well (Koding) but I made the move to digital ocean for a month to test how it all works etc.

EDIT: Cleared cache and same issue.

[finid]

@a_5mith

Well, what's the browser console telling you, assuming you can find out from iPad's browser?

[a_5mith]

@planner It sort of does, you connect to the desktop safari and it's supposed to give you a debug menu, but it's not at the minute, will look into it. It also does it in Chrome for iOS too.

[a_5mith]

TypeError: 'undefined' is not an object (evaluating 't.Notification.requestPermission') - line 12581 of nodebb.min.js

I've also got two warnings, both: Resource interpreted as Image but transferred with MIME type text/html. :4567/1

Waterfox Console also gives this error:

ReferenceError: require is not defined require.config({ `

Which comes back to:

<script> require.config({ baseUrl: "/src/modules", waitSeconds: 3, urlArgs: "v=v0.3.2-1157-gd61e632", paths: { 'forum': '../forum', 'vendor': '../../vendor', 'buzz': '../../vendor/buzz/buzz.min' } }); </script>

[julian]

Hm.. if it works on some devices, but not others, it suggests device cache issues. Perhaps it tried downloading the nodebb.min.js files when it wasn't completely compiled, and then cached it...

[a_5mith]

@julian Trouble is, it happens on every browser I use on my S4/iPad, even ones I've never used to load up my dev server. I even downloaded Opera Mini to check on my phone, but then remembered that Opera handles the page requests, makes them smaller then sends it to the phone in smaller files, so Opera Mini worked. Despite looking a little off in places.

All caches have been cleared multiple times. It also does it when running Safari on the Desktop in Developer mode for iPad. But not Desktop Safari. Doing a browser refresh loads the page up straight away however.

[julian]

What do you see when you browse directly to /nodebb.min.js?

[a_5mith]

@julian File loads up fine, looks like it gets to the end of the file... Sorry about screenshot size(took a lot of scrolling to get to the end)

[julian]

Thanks @a_5mith -- seems like your homepage widgets aren't playing nice. Ping @psychobunny

Can you move them to the draft zone? Or if there are none present, can you reset them by running ./nodebb reset widgets?

[a_5mith]

@julian That did the trick, all removed = fixed, Issue is with @Schamper 's Shoutbox Widget. Will raise an issue on his Github. Thanks.

Still not sure why it worked for @planner though.

[Scuzz]

Are you on Lavender theme?
The shoutbox works perfectly fine on the old vanilla style themes.

[a_5mith]

@Scuzz Yeah using Lavender.

[Schamper]

Anyone care to donate an iPad

[a_5mith]

@Schamper You can replicate it by using Safari, turn on Developer menu inside advanced settings, then go to Develop > User Agent > Safari 4.3.3 iPad

[Schamper]

@a_5mith Eh I'll just use BrowserStack!