Script errors that only show up in iOS Safari - javascript

We just launched a website for a client, but we've run into some weird issues (like images only loading half-way) on Safari on iPhone.
While trying to troubleshoot the issue, I checked for errors in inspect element with my phone hooked up to the macbook, and I see these three errors come up when I tap refresh:
We've only discovered these on mobile Safari so far. We've tested the site on Windows, OSX, Firefox, Safari, Firefox, and Chrome iOS, and the only place where we see the issue is Safari on iOS. Everywhere else the site loads beautifully.
Has anyone run into this before?

Related

Chrome on iOS not rendering button properly?

I have a front-end component for a project that's exhibiting the following bug:
There's a button at the bottom of the screen of one of my Panes and ONLY on chrome on iOS does the button not show. If I tap the address bar, then the button appears presumably because the pane has redrawn itself.
The other problem is that I can't recreate the bug. It only appears on a client's web app. Things that could be super helpful:
what's a good way to inspect Chrome on iOS? (I know how to inspect Safari on iOS, Chrome on Android, but not Chrome on iOS. I've also already tried the devtools mobile emulator and it does not reproduce there)
any related posts for bugs on Chrome on iOS (I've done some search already but if anyone has something deep in the internet that they remember)
any knowledge of how Chrome renders things differently than Safari for iPhones
any ideas on intermediate solutions
any ideas on potential causes

Page not scrollable on latest mobile Android

If i use https://trelki.de/ on my S10+ device using latest chrome i am unable to scroll.
I tried chrome dev tools, works. it works in every browser except of the current chrome. someone is causing this, because my scrolling works on other pages.
firefox works, opera works, edge works, chrome desktop (arch linux) works, also.
watch https://trelki.de/
i just want people to scroll that page and find the reason for this.
this page is completely self-written, so i have control about absolutely everything.
Thanks in advance

JavaScript Differences between Mobile iOS and Android Safari/Chrome

I have been trying to google around for a few days to find some kind of answer, but is their a difference between how iOS mobile devices understand JavaScript, vs Android?
I currently have some code that works as expected on Android (Chrome/Edge), and on Windows (Chrome, Edge, IE 8). But once we get to iOS devices, it doesn't work as expected.
I also tried to see if I could find an emulator for iOS mobile, or just downloading the mobile Safari browser, but wasn't able to find one (that didn't have a cost related to it).
I found the issue, it was related to the selectors in the code not being completed - Chrome got it, but safari didn't.

Webpage breaks on mobile devices (aw, snap!)

I have a problem with the https://konfiguratorszkolen.pl/ webpage - it works fine on desktop, but breaks on mobile devices.
On mobile, it loads at first and everything looks fine, but after a 1-2sec it shows "aw, snap" error. I've checked it only with Chrome and Safari on iPhone, but I believe it's a general problem.
I've already checked the website on
https://search.google.com/test/mobile-friendly
and
https://developers.google.com/speed/pagespeed/insights/
and the result are alright (mobile performance would be better).
What might be the problem? How can I debug this issue on mobile (of course works fine on a desktop browser)?
Here is the repository (it's only a code look-in): https://github.com/KamilSobieraj/Konfigurator_szkolen
What you're looking for is called remote debugging and is available for firefox, chrome and there's even solutions to debug iOS safari from your computer (no Mac needed).

How to debug website which only chrashs on iphone/ipad under windows

after some time googel'ing I decided to ask for help on SO.
Is there a possibilty to debug iphone/ipad mobile safari browser on windows?
I read the tip in iPhone Browser simulator for Windows? to set the user agent of safari to the one of iphone/ipad but it didn't help.
My problem is the following:
I have a page what uses JavaScript and the page works fine in:
desktop firefox + waterbox, IE, Opera, Chrome, Safari (Safari user agent), Safari (iphone/ipdad user agent)
But it the JS doesn't work when I use the page with my fully updated iphone / ipad with its up-to-date mobile safari.
I know desktop safari is only version 5 with unknown if safari 6 will ever come - so I think that the user agents of this safari version are possibly "outdated".
Any suggestions how I can debug my page under iphone/ipad circumstances to find my mistake?
Thanks in advance

Categories