如何实现强制横屏

zhujianlin

想实现当页面加载时实现强制横屏。
在网上搜到了代码但是不知道放在哪个事件里，怎么实现。
代码如下：
//竖屏模式
Model.prototype.portraitClick = function(event){
    cordova.plugins.screenorientation.setOrientation('portrait');
};
//横屏模式
Model.prototype.landscapeClick = function(event){
    cordova.plugins.screenorientation.setOrientation('landscape');
};
//屏幕方向解锁
Model.prototype.unlockClick = function(event){
    cordova.plugins.screenorientation.setOrientation('unlock');
};
//获取当前屏幕方向
Model.prototype.currentClick = function(event){
    setTimeout(function(){
        alert("当前屏幕方向: " + JSON.stringify(window.screen.orientation));
    });
};
监测 、转化屏幕方向
require(“cordova!cordova-plugin-screen-orientation”);



在线等大神解答。

闰土

require(“cordova!cordova-plugin-screen-orientation”); 首先在在模块的最外面 调用插件，

然后在在你想让横(竖)屏的地方调用插件的API

1. /竖屏模式
   
2. Model.prototype.portraitClick = function(event){
   
3. cordova.plugins.screenorientation.setOrientation('portrait');
   
4. };
   
5. //横屏模式
   
6. Model.prototype.landscapeClick = function(event){
   
7. cordova.plugins.screenorientation.setOrientation('landscape');
   
8. };
   
9. //屏幕方向解锁
   
10. Model.prototype.unlockClick = function(event){
    
11. cordova.plugins.screenorientation.setOrientation('unlocked');
    
12. };
    
13. //获取当前屏幕方向
    
14. Model.prototype.currentClick = function(event){
    
15. setTimeout(function(){
    
16. alert("当前屏幕方向: " + JSON.stringify(window.screen.orientation));
    
17. });
    
18. };

复制代码

liangyongfei

打包的时候，设置屏幕为横屏就可以了！
如果只是这个页面强制横屏，建议在页面跳转前就进行设置，这样效果可能会好点！如果是跳转后设置！可以添加到onload 和 onActive事件中！

zhujianlin

在js里加了一句require("cordova!cordova-plugin-screen-orientation");

已解决，请结贴。

zhujianlin

闰土 发表于 2016-10-13 13:25
require(“cordova!cordova-plugin-screen-orientation”); 首先在在模块的最外面 调用插件，

然后在在你 ...

谢谢啊