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).
Related
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
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.
I recently deployed a website after testing for responsiveness in chrome developer tools that displays correctly in chrome developer tools and on mobile in Firefox but not chrome.
Here's what it looks like in the developer tools.
Here's what it looks like on chrome on a mobile device.
You can see that the background image is gone and the header image is off to the left.
I thought it might be because of an older version of chrome so I managed to get a look at it on a newer version of chrome.
So on this newer one the picture is no longer to the left but the background is still missing.
So it works when I'm viewing the website on a desktop and reduce the size to mobile and on Firefox but breaks in chrome on mobile.
I've tried different versions of chrome, uninstalling and reinstalling chrome, using both the chrome and firefox developer tools and I've also tried finding similar questions already answered on Stack Overflow and the most similar says to make sure to have
<meta name="viewport" content="width=device-width, initial-scale=1"/>
which I have and I even saw a post saying to add maximum-scale=1 which I tried.
Since it works fine in the developer tools I've been flying blind trying things and redeploying.
I run into the same problem, today is 2020-03-09...
It seems the #media query does not work in chrome in my iPhone SE, but safari is OK.
Also the app 'Google' is working too, you can search it from app store, it has a big 'G' with 4 colors, red/yellow/green/blue, as its symbol.
You mentioned that you're using an Android device. Try remote debugging. This lets you inspect the page as it was truly rendered on your mobile device, from a DevTools window on your desktop.
For iOS see Inspecting Safari. Unfortunately I couldn't find an official doc.
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?
We've been facing an issue for several days trying to figure out how to make our website works perfectly on android browsers, the problem is that the text comes overlapped on android devices, how ever there's a good solution for the newer android versions that does have the Google Chrome browser installed by default, we added a code into the header that fixes that text issue, here it is
I'm surprised that the issue is still happening on the Android internet browser, here is a screenshot of how it is working on Internet browser ( URL: http://compassgames.net/test/ )
All other browser is fine, Desktop, iOS, Android Google Chrome Browser
I would love to know the solution as many of my users/clients does actually have that Internet browser installed.
Waiting for your replies
Thank you
Cheers,
Ahmed