title: PhoneGap Android lock screen rotation with external web page
body: <p>I want to disable screen rotation and use landscape always and use full screen always.</p>
  
  <p>I tried</p>
  
  <pre><code>android:screenOrientation="landscape"
  </code></pre>
  
  <p>and </p>
  
  <pre><code>setRequestedOrientation(ActivityInfo.SCREEN_ORIENTATION_LANDSCAPE);
  
  getWindow().clearFlags(WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);
  requestWindowFeature(Window.FEATURE_NO_TITLE);
  getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);
  </code></pre>
  
  <p>Both of them works on the first web page (which includes jQuery Mobile and PhoneGap). This is the first page:</p>
  
  <pre><code>super.loadUrl("file:///android_asset/www/index.html");
  </code></pre>
  
  <p>It is full screen and will not rotate the screen. In the <code>index.html</code>, there is a link to game.html (which includes PhoneGap but not jQuery Mobile):</p>
  
  <pre><code>&lt;a href="game.html" data-transition="slide" rel="external"&gt;
  </code></pre>
  
  <p>But when in <code>game.html</code>, it is not full screen and screen will rotate.</p>
  
  <p>Any guess what's wrong here?</p>