Dennis
Dennis
  • 发布:2015-07-08 19:30
  • 更新:2018-08-06 16:42
  • 阅读:11571

如何设置某一个页面全屏显示,就好像手机阅读器那样,打开一部小说就全屏阅读

分类:HTML5+

如何设置某一个页面全屏显示,就好像手机阅读器那样,打开一部小说就全屏阅读

2015-07-08 19:30 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

看看h5+的navigator的api,有全屏设置

wanZ

wanZ

http://ask.dcloud.net.cn/article/32

function fullscreen(){
// 设置应用全屏显示!
plus.navigator.setFullscreen(true);
}
function unfullscreen(){
// 设置应用非全屏显示!
plus.navigator.setFullscreen(false);
}
function isfullscreen(){
// 查询应用当前是否全屏显示!
console.log( "是否全屏:"+(plus.navigator.isFullscreen()?"是":"否") );
}

  • Dennis (作者)

    不行的,如何在某一个页面设置了全屏,所有页面都会全屏的。又觉得在其他页面都设置不全屏不方便,有没有只设置一个页面全屏的,不影响其他页面的

    2015-07-09 09:17

  • wanZ

    可以设置变量去判断,你可以在每个WEBVIEW加载的时候用storeage给自己分配一个id,然后通过当页面加载时,通过该id来判断是否要全屏

    2015-07-09 09:30

wanZ

wanZ

这个是我写的一段切换代码,主界面启动定时器去监控你想要的界面是否显示,如果显示则自动切换为全屏,否则退出全屏

  • Dennis (作者)

    这个我也想过,可是用定时器不利性能优化

    2015-07-09 12:50

  • wanZ

    回复 Dennis:只是实力,你可以用页面事件去触发

    2015-07-09 22:18

1***@qq.com

1***@qq.com

 mui.plusReady(function(){   

    var old_back = mui.back;  
    mui.back = function(){  
                // 关闭全屏  
                plus.navigator.setFullscreen(false);  
        old_back();  
    }  

      // 全屏显示  
         plus.navigator.setFullscreen(true);  
 });

该问题目前已经被锁定, 无法添加新回复