Since I don't have an Iphone. I have to test my site using site that there's available IOS tester.
I have reports that the site is not loading properly on Iphone.
Link: https://adthrone.com
But in the android version it works properly.
But in IOS not working properly
This is some details about the reports
The whole index.php is not loading (Blank page)
Sometimes it loads but some parts of the css/html of the page is missing.Like site logo in the navigational bar.
Sometimes the index.php loads but have multiple html/css issues
Android version works properly but not IOS.
The client has the following
Good internet connection
Have android & iphone for testing
Currently the site contains the ff:
Low quality images with file size of KB
Used bootstrap for front end
I just want to know the facts why this site is unstable when it comes to IOS mobile version.
Related
I have deployed a personal flutter-web project on firebase and the responsiveness is working fine. As in when the website is opened on a laptop it shows a UI specific for large screens and when it's opened on the mobile phones (chrome browser) it shows UI for mobile screens.
Now the problem is, whenever I check "Desktop Site" in the chrome browser, I get the UI that is meant to be shown for larger screens which is okay, but it looks stretched vertically, and the appbar at the top is also not visible.
so my question is,
Is there a way that I could check whether browser's desktop-site mode is ON?
or any other way that I could just make the website look like a zoom-out version of web UI whenever desktop-site mode is ON?
We were not shown the code. Therefore, it is difficult to say for sure. But I had such problems when I ran the application building without parameter --web-renderer
flutter build web
The point was that by default it uses different renderers (CanvasKit for desktop and HTML for mobile). And since I used things that required CanvasKit, the application in mobile browsers was displayed incorrectly.
Building with the appropriate parameter solved my problem
flutter build web --web-renderer canvaskit
I have a simple website containing 3 HTML pages but sometimes internal links on IOS Safari doesn't work correctly. Rather than rendering the page, it displays the 'Open in "Drive" screen with options to save page as a document. When I refresh the page it renders correctly again. This usually when I navigate around the pages quickly and I am not sure why this odd behavior and how to fix.
See a screenshot here https://ibb.co/bXxzZTS
Not sure if it is related but the DNS is via CloudFlare (Free) and the pages are really fast (as it's just HTML, CSS and JS).
I have only seen happen on iPhone Safari. Other devices I have checked on include iPad, MacBook, PC running browsers Chrome or Safari are all OK.
Additionally, I tried using URL with and without full domain with the same result.
I just expect the page to render as an HTML page.
I created a cross platform app using jQuery Mobile. When I test it on various browsers it works fine and displays all images with no problems. When I build it with Phonegap Build, transfer to my Android phone and test I have problems with some images displaying.
I have several similar pages where I display a picture on each page. The problem is that pictures display on some pages but not on others. I have ruled out file type as an issue (I am using .jpg, .jpeg and .png and I have at least 1 of each of these working fine) and I have ruled out the code as the issue as I have used working images on pages that werent displaying the image before to prove that it was the image itself at fault (the image displayed fine when I used one that was working from another page). I have also ruled out picture size, dpi and dimensions.
Does anyone have any ideas?
I've been developing a mobile-biased web app which will have to load quickly on patchy 3G networks. As such I've been very economical with page weight. Now we're putting the finishing touches on the project I'm looking at adding a favicon, largely for the benefit of desktop users. Even though it will only be a few kilobytes I don't want this file to have any negative impact whatsoever on page loading, especially when it won't be much use to the majority of users.
If a user is using iOS safari, the Android Browser or Chrome on Android will the browser actually request the favicon, and if so is the favicon request deprioritized at all to make sure everything else loads first?
Just to clarify I'm talking about the favicon.ico file, not the apple-touch-icon mobile specific icons, which I assume to be loaded on demand (i.e. when you add a page to your home screen)
If you have a favicon.ico file with its declaration in the HTML code, iOS Safari and Android Chrome won't load it (tested on iPad Mini and Galaxy Nexus).
However, if you have Apple Touch icons, they will be loaded immediately by some browsers, not when the page is bookmarked or added to home screen:
iOS Safari waits for bookmark or add to home screen events. Good.
Android Chrome loads apple-touch-icon-152x152.png on page load. Arguable.
If network performance is a major issue to you, you should either study the behavior of various devices... or remove all the extra icons.
I have two domains that point to the same directory. If a mobile is detected it will show a mobile version of the site via PHP. This changes some of the HTML and the stylesheet.
If I go to
maredovisning.com
The mobile version works without issues. However if I go to
maredovisning.se
The mobile version is broken, it seems like the viewport is not working correctly but I am unsure as to what the actual issue is?