Why won't my app load on Safari despite working on other browsers?

Shopify Apps
1

My app works fine in Chrome and Firefox, but in Safari, the app just does not load. I can see this error in console:

[blocked] The page at about:blank was not allowed to display insecure content from http://.

I don’t know why it’s loading with http when the links in app setup are all https links.

There are no mixed content either, to test that I even simply just rendered a blank html with the text ‘hello’, still getting same error.

2

is your website hosted in Shopify or a custom domain? If you are using a custom domain make sure that it’s redirected to your Shopify store properly.

3

I am testing the app I developed in a development store. It does not have a custom domain.

4

Using Localhost? I do believe it’s an HSTS issue.

5

No, actually localhost works fine. The issue is only with the staging and live apps which are hosted on real domains.