Force le visiteur de l'application Web à utiliser le mode Paysage sur l'iPad

Question

Mon application n'est pas destinée à être utilisée en mode portrait sur iPad (je gère différemment les autres appareils mobiles). J'ai besoin de montrer un message à l'utilisateur pour faire pivoter leur appareil dans le paysage, afin d'utiliser l'application.

Answer 1

contrôleurs/application.js

isPortrait: false, 

handlePortrait: function() { 
    const mql = window.matchMedia("(orientation: portrait)"); 

    if (!isMobile.apple.tablet) { 
    return; 
    } 

    if (mql.matches) { 
    this.set('isPortrait', true); 
    } else { 
    this.set('isPortrait', false); 
    } 

    mql.addListener((m) => { 
    if (m.matches) { 
     this.set('isPortrait', true); 
    } 
    else { 
     this.set('isPortrait', false); 
    } 
    }); 
}.on('init'), 

application.hbs

{{#if isPortrait}} 
    <div class="text-center"> 
    <i class="fa fa-refresh fa-5x text-muted" aria-hidden="true"></i> 
    </div> 
    <h2 class="text-center">Please rotate your device</h2> 
    <h4 class="text-center text-muted">This app needs more horizontal space than is available in portrait orientation</h4> 
{{else}} 
    <!-- your normal template code here --> 
{{/if}}