cordova实现点击按钮旋转屏幕

插件地址： https://www.npmjs.com/package/cordova-plugin-screen-orientation

1. 安装插件

cordova plugin add cordova-plugin-screen-orientation

2.设置用于点击的按钮

• 按钮元素

<span class="chagerotate">点我旋转屏幕2</span>

3. 调用旋转屏幕的方法：

在onDeviceReady之后使用：

• 实现方法：通过screen.orientation.type可以知道当前是横屏（landscape）还是竖屏（portrait），当点击时，如果是横屏，就通过screen.orientation.lock('portrait')设置为竖屏，竖屏则相反操作即可；

    onDeviceReady: function() {
        this.receivedEvent('deviceready');
        document.querySelector('.chagerotate').onclick = function (){
            alert(screen.orientation.type); 
            if (screen.orientation.type.indexOf('landscape')>-1) {
                alert(1);
                screen.orientation.lock('portrait').then(function(obj) {
                    console.log(obj);
                }, function(obj) {
                    console.log(obj);
                });
            } else {
                alert(2);
                screen.orientation.lock('landscape').then(function(obj) {
                    console.log(obj);
                }, function(obj) {
                    console.log(obj);
                });
            }
            
        }
    },