screen.lockOrientation不是一个函数

Question

我想在 Js 中使用带有 chrome 的 API 屏幕。

 if ( navigator.userAgent.match( /(android|iphone)/gi ) ) {
        if ( 'orientation' in screen ) {
            //console.log( '// API supported, yeah!' );
            //console.log( 'new orientation is ', screen.orientation );
            screen.lockOrientation( 'landscape' );
        } else {
            console.log( '// API not supported ' );
        }
    } else {
        //alert('none');
    }

我的错误 js ：捕获类型错误：屏幕锁定方向不是一个函数

/* 其他 */

if ( navigator.userAgent.match( /(android|iphone)/gi ) ) {
    if ( 'orientation' in screen ) {
        let locOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;
        locOrientation('landscape');
        console.log( '// API supported, yeah!' , locOrientation);
        console.log( 'new orientation is ', screen.orientation );
        //screen.lockOrientation( 'landscape' );
    } else {
        console.log( '// API not supported ' );
    }
} else {
    //alert('none');
}

我的错误js：locOrientation不是一个函数

更新日期 ： 20/04/2017 -> 使用 Javascript，我们不能用导航器锁定方向。

Answer 1

这是因为lockOrientation仍然带有前缀。请参阅这篇 MDN 文章中的 [2] 脚注。此外，在 铬 它在 orientation.lock .请参阅 MDN 文章中的 [1] 脚注。

locOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation || screen.orientation.lock;
locOrientation('landscape');

请注意，并非所有浏览器都具有此功能。请在使用前检查是否设置了locOrientation。

编辑：将较新的orientation.lock添加到示例中。