Online-go.com: Site doesn't load when localStorage is disabled

Created on 26 Feb 2017  路  10Comments  路  Source: online-go/online-go.com

Summary

The site used to work in safari on my iphone 5s. It no longer does. After loading, it just shows a completely white page.


anoek: This is caused by the fact that safari in private mode doesn't allow the use of localStorage.

Environment

  • Hardware: iphone 5s
  • Operating system: iOS 10.1.1 (14B100)
  • Browser: Safari
  • Browser Version: Not sure. The one with iOS 10.1.1

Steps To Reproduce:

  1. Load site (with localStorage disabled, eg with safari in private browsing mode)
  2. You'll get a blank page.
bug

All 10 comments

Can you take some screenshots of any errors you see on the debug console? I've never tried this, but perhaps these instructions will help for getting to that information: https://www.lifewire.com/activate-the-debug-console-in-safari-445798

I could not reproduce the white screen on an iPhone 5s. However, the interface leaves something to be desired. Portrait mode is pretty much unusable.

img_2076

Landscape mode is better, although there's overlap all over the place.

img_2077

My Windows phone 8.1 also looks like this image, with overlapping text.

Yep, all that is related to https://github.com/online-go/online-go.com/issues/34 - basically we "just" need to make our table widget and the game list widget collapse nicely on mobile (and probably something on the overview page to fix that overlapping issue as well)

I get these 3 errors using web inspector with my iphone 5s.

screen shot 2017-02-27 at 12 52 44 am

@pelevesque Interesting, that looks like local storage is disabled for some reason. According to http://stackoverflow.com/questions/21159301/quotaexceedederror-dom-exception-22-an-attempt-was-made-to-add-something-to-st safari blocks local storage when in Private Browsing Mode, are you by any chance in private browsing mode?

Yes, I was in private browsing mode. The site works now that I removed it. Thanks.

Cool, closing this issue then and tracking the mobile layout stuff in https://github.com/online-go/online-go.com/issues/34

Actually keeping open so we can make a patch to more gracefully handle this situation. (We don't need to hard error.. we won't be able to store any settings, but folks should be able to log in and play just fine in private mode)

What should be an simple fix is on the page init set window.localStorage if its undefined to a shell object with the same key functions. Edit: Now that I look at the error closely seems its a quota error, so perhaps a wrapper around localStorage.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

chaverly1 picture chaverly1  路  3Comments

JDNdeveloper picture JDNdeveloper  路  4Comments

flovo picture flovo  路  5Comments

BHydden picture BHydden  路  4Comments

airjp73 picture airjp73  路  4Comments