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.

Answer 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

Answer 2

maybe using "windows.screen" work for you;

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