Screen.lockOrientation()
å®éªæ§: è¿æ¯ä¸é¡¹å®éªæ§ææ¯
å¨å°å
¶ç¨äºç产ä¹åï¼è¯·ä»ç»æ£æ¥æµè§å¨å
¼å®¹æ§è¡¨æ ¼ã
lockOrientation æ¤æ¹æ³ä¼æå±å¹éå®ä¸ºæå®çæ¹åã
夿³¨ï¼æ¤æ¹æ³ä» éç¨äºå·²å®è£ ç Web apps æ å ¨å±æ¨¡å¼ ç Web 页é¢ã
ä½¿ç¨æ¹æ³
lockedAllowed = window.screen.lockOrientation(orientation);
åæ°ä»ç»
- orientation
-
éè¦éå®å±å¹çæ¹åãè¿ä¸ªåæ°æ¯ä¸ä¸ªå符串æè æ¯ä¸ä¸ªç±åç¬¦ä¸²ç»æçæ°ç»ãéè¿å¤ä¸ªå符串å¯ä»¥è®©å±å¹åªå¨éå®çæ¹åä¸è¿è¡æè½¬ã
以ä¸çå符串å³è¡¨ç¤ºä½ ä¹è®¸ä¼æå®çä¸äºå¯è½çæ¹åã
portrait-primary-
å®è¡¨ç¤ºå±å¹å¤äºä¸»è¦çè忍¡å¼æ¶çæ¹åãå¦æè®¾å¤å¤äºæ£å¸¸ä½ç½®ä¸è¯¥ä½ç½®å¤äºçºµåä½ç½®ï¼æè®¾å¤çæ£å¸¸ä½ç½®å¤äºæ¨ªåå¹¶ä¸è®¾å¤ä¿æé¡ºæ¶éè½¬å¨ 90°ï¼åä¼å¨ä¸»è忍¡å¼ä¸èèå±å¹ãæ£å¸¸çä½ç½®æ¯ä¾èµäºè®¾å¤çã
portrait-secondary-
å®è¡¨ç¤ºå±å¹å¤äºè¾ å©è忍¡å¼æ¶çæ¹åãå¦æè®¾å¤ä¸æ£å¸¸ä½ç½®ä¿æ 180°ï¼å¹¶ä¸è¯¥ä½ç½®å¤äºçºµåä½ç½®ï¼æè 设å¤çæ£å¸¸ä½ç½®å¤äºæ¨ªåä½ç½®ï¼å¹¶ä¸ææç设å¤éæ¶éè½¬å¨ 90°ï¼åå±å¹å°å¤äºè¾ å©äººå模å¼ãæ£å¸¸çä½ç½®æ¯ä¾èµäºè®¾å¤çã
landscape-primary-
å®ä»£è¡¨äºå±å¹å¤äºä¸»è¦é£æ¯æ¨¡å¼æ¶çæ¹åãå¦æè®¾å¤ä¿æå¨æ£å¸¸ä½ç½®ï¼å¹¶ä¸è¯¥ä½ç½®å¤äºæ¨ªåä½ç½®ï¼æè 设å¤çæ£å¸¸ä½ç½®å¤äºçºµåä½ç½®ï¼å¹¶ä¸æä¿æç设å¤é¡ºæ¶éæè½¬ 90°ï¼åä¼å°å ¶è§ä¸ºä¸»è¦æ¨ªå模å¼ãæ£å¸¸çä½ç½®æ¯ä¾èµäºè®¾å¤çã
landscape-secondary-
å®ä»£è¡¨äºå±å¹å¤äºæ¬¡è¦é£æ¯æ¨¡å¼æ¶çæ¹åãå¦æè®¾å¤ä¸å ¶æ£å¸¸ä½ç½®ä¿æ 180° å¹¶ä¸è¯¥ä½ç½®å¤äºæ¨ªåï¼æè å¦æè®¾å¤çæ£å¸¸ä½ç½®æ¯çºµåçï¼å¹¶ä¸æä¿æç设å¤éæ¶éæè½¬ 90°ï¼åå°å ¶è§ä¸ºæ¬¡è¦æ¨ªå模å¼ãæ£å¸¸çä½ç½®æ¯ä¾èµäºè®¾å¤çã
portrait-
å®è¡¨ç¤ºåæ¶å å«
portrait-primaryåportrait-secondary. landscape-
å®è¡¨ç¤ºåæ¶å å«
landscape-primaryålandscape-secondary. default-
å®ä»£è¡¨
portrait-primaryålandscape-primary主è¦åå³äºè®¾å¤çèªç¶æ¹åãä¾å¦ï¼å¦æé¢æ¿å辨ç为 1280 * 800ï¼ådefault为横åï¼å¦æå辨ç为 800 * 1280ï¼ådefault为纵åã
夿³¨ï¼å¯åæ¶è®¾ç½®å¤ä¸ªéå®å¼ãå æ¤ï¼å¦æéå®è®¾ç½®ä¸ºåªæä¸ä¸ªæ¹åï¼å±å¹æ¹åå°æ°¸è¿ä¸ä¼æ¹åï¼ç´å°å±å¹æ¹åè§£éãå¦åï¼åªè¦æ¹åå¨è®¾å¤éå®çæ¹åä¹ä¸ï¼å±å¹æ¹åå°±ä¼ä»ä¸ä¸ªæ¹åæ¹åå°å¦ä¸ä¸ªæ¹åã
è¿åå¼
妿æ¹å被ææéå®ï¼åè¿å true ;妿æ¹åéå®è¢«æç»ï¼åè¿å falseã请注æï¼è¿åå¼å¹¶ä¸è¡¨ç¤ºå±å¹æ¹åç¡®å®è¢«éå®ï¼å¯è½ä¼æå»¶è¿ã
示ä¾
>ä½¿ç¨ DOMString åæ°
screen.lockOrientationUniversal =
screen.lockOrientation ||
screen.mozLockOrientation ||
screen.msLockOrientation;
if (screen.lockOrientationUniversal("landscape-primary")) {
// æ¹åå·²é宿å
} else {
// æ¹åéå®å¤±è´¥
}
ä½¿ç¨ Array åæ°
screen.lockOrientationUniversal =
screen.lockOrientation ||
screen.mozLockOrientation ||
screen.msLockOrientation;
if (
screen.lockOrientationUniversal(["landscape-primary", "landscape-secondary"])
) {
// æ¹åå·²é宿å
} else {
// æ¹åéå®å¤±è´¥
}
è§è
ä¸å±äºä»»ä½è§èï¼ä¹ä¸åæææä¸ºæ åã
è¯·ä½¿ç¨ ScreenOrientation.lock() 代æ¿ã