在移动端开发中，检测横屏的方法有几种？

2021-02-25 10:31发布

站内问答 / Web前端
1940 5 6
5条回答
HUANG
2021-02-26 10:02

1.移动端具有window.orientation属性，

它返回视口相对于设备自然方向的角度。

可能的值是-90，0，90，和180，其中正值是顺时针，负值是逆时针的

  1. function is_mobile_horizontal() {

  2. function cb() {

  3. if (window.orientation == undefined) {

  4. return 'Not mobile';

  5. }

  6. if (window.orientation == 180 || window.orientation == 0) {

  7. alert('竖屏')

  8. }

  9. if (window.orientation == 90 || window.orientation == -90) {

  10. alert('横屏')

  11. }

  12. return;

  13. }

  14. cb();

  15. window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", cb, false);

  16. }

2. Javascript提供的 MediaQueryList 对象接口判断是否横屏，使用如下语句

window.matchMedia("(orientation: portrait)")


一周热门 更多>