How do I lock the screen orientation to portrait in Safari using plain JavaScript?

Question

I want to "lock" the orientation of the website to portrait mode in safari using pure javascript.

Let's say that I am building an application, I don't want users to be able to visit my app in landscape-mode. How do I do that?

Edit: I make the app in web-languages, I will assign it as a profile so anyone can download it on iPhone, so nothing with xCode or something.

Possible duplicate of [Blocking device rotation on mobile web pages](https://stackoverflow.com/questions/3501510/blocking-device-rotation-on-mobile-web-pages) — Ruzihm, Sep 25 '18 at 18:46
Also, please edit your question to explain what happened in language more descriptive than "did not work". — Ruzihm, Sep 25 '18 at 18:50
It gave me 2-3 errors, I'm not with my computer at the moment but I will give them tomorow. — codeWithMe, Sep 25 '18 at 19:50

score 1 · Answer 1 · answered Sep 25 '18 at 18:47

1

the screen.lockOrientation method is not supported by Safari, so you'll have to do feature detection.

For Safari, you might try the ponyfill: https://github.com/chmanie/o9n

answered Sep 25 '18 at 18:47

Benny Powers

score 0 · Answer 2 · answered Sep 25 '18 at 19:00

0

maybe using "windows.screen" work for you;

var alowed = window.screen.orientation.lock("portrait");

answered Sep 25 '18 at 19:00

2 Answers2