CODEWITHSUNDEEP
jqueryhtmlsvgmobilesafari
Johnny Rockex
Johnny Rockex

Reputation: 4196

SVGs only rendering in mobile safari with private browsing

I have a desktop website using SVGs that show correctly. On mobile, the images are not rendering properly in normal Safari browsing mode, but they do render properly when in private browsing.

What is it about regular browsing that leads to them not rendering correctly?

CORRECT RENDERING: PRIVATE BROWSING ON SAFARI:

enter image description here

INCORRECT RENDERING: REGULAR BROWSING ON SAFARI

enter image description here

Upvotes: 1

Views: 124

Answers (2)

mathielo
mathielo

Reputation: 6795

It could possibly be a simple issue with browser testing. New changes to existing assets without renaming (e.g. change the SVG's XML or update an image) could be hindered by browser caching. Even some CSS changes are tricky to bypass caching sometimes.

Try testing in other devices in the "same browser" (Safari) and you know if it's a caching issue.

Upvotes: 1

Flunch
Flunch

Reputation: 826

Is it possible that you have an adblocker or similar extension installed on your test IOS device ? They might interfer with the loading of your SVG if they contain "ad" in the name or path. And they aren't usually loaded in "Private mode"

Upvotes: 0

Related Questions