How to debug website that is not loading on any IOS devices?

Viewed 284

I have a website developed using react + next.js which works fine in every platform except for ios devices. When the website is accessed using any browser from an ios device, the browser loading bar goes halfway and then remains stuck showing a blank page.

I'm not being able to debug since no errors are showing up. The website works on mac too but the problem is just with ios devices.

The website is hosted on AWS lightsail with NGINX server and SSL certificate installed from LetsEncrypt.

I really need some help in debugging this issue.

***Update

So, I have managed to access the developer console using the browserstack iOS simlation and these errors were being logged continuously. Screenshot of developer console

1 Answers

The issue has been solved. The problem was due to incorrect configuration of an npm module - body-scroll-lock. For some reason, the problem was occuring only in iOS devices without throwing any exceptions.

Related