search

chinchang / web-maker

A blazing fast & offline frontend playground
https://webmaker.app
MIT License
2.54k stars 314 forks source link

preview not working on any web browser on iOS device #564

Closed chinchang closed 1 month ago

chinchang commented 1 month ago 
          For some reason now no longer works (shows preview) on any web browser on my iOS device (iPad). (See attached screenshot). Does work (shows preview correctly) on my older Android phone web browser.

iOS browsers tried: mobile Safari, mobile Edge, mobile iCabMobile

Fyi, thanks!

IMG_1862

Originally posted by @SugarRayLua in https://github.com/chinchang/web-maker/issues/282#issuecomment-2127960028

SugarRayLua commented 1 month ago

Interestingly, seems to be an Apple Webkit issue. I'm back at home and testing it on my Mac. Preview also doesn't work on my desktop Safari; however, it does work on Google browser on the same Mac. My understanding is that (for now) all the iOS Mobile browsers (including the Google mobile browser) are based on Webkit. Fyi.

SugarRayLua commented 1 month ago

@chinchang, I apologize for my limited javascript debugging skills, but from what it looks like from opening up the developer console on Safari on the Mac, Safari is blocking the code being displayed due to a cross-site issue (see attached screenshot). When I run the same code on my Mac with Chrome, those issues are not raised.

Perhaps further pointing to the cross- site issue: when I save the example code shade in the screenshot in web maker by saving and downloading as an html file, when I then open that html file in Safari after it is saved, it works fine.

Fyi-- hope that is helpful :-)

SugarRayLua commented 1 month ago

Image 5-26-24 at 11 39 AM

chinchang commented 1 month ago

@SugarRayLua It should be fixed now. I verified on Mac OSX safari. Please let me know how it works for you

SugarRayLua commented 1 month ago

Yes, @chinchang, it works perfectly now, thanks!