2015-05-25 4 views
0

У меня есть приложение в браузере приложения, которое показывает веб-сайт с помощью intel xdk.В браузере приложения не загружается

Сайт загружается в браузере приложений в эмуляторе и на моем телефоне с Windows (но изображения не отображаются), однако он не загружается на моем ipad. Экран остается пустым.

Мой код:

<!DOCTYPE html> 
<html> 
    <!-- * Please see the included README.md file for license terms and conditions. --> 
    <head> 
     <title>Window.open</title> 
     <meta http-equiv="Content-type" content="text/html; charset=utf-8"> 
     <!-- see http://webdesign.tutsplus.com/tutorials/htmlcss-  tutorials/quick-tip-dont-forget-the-viewport-meta-tag --> 
     <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0;"/> 
     <style> 
      /* following two viewport lines are equivalent to meta viewport statement above, needed for Windows */ 
      /* see http://www.quirksmode.org/blog/archives/2014/05/html5_dev_conf.html and http://dev.w3.org/csswg/css-device-adapt/ */ 
      @-ms-viewport { width: 100vw ; min-zoom: 100% ; zoom: 100% ; }  @viewport { width: 100vw ; min-zoom: 100% zoom: 100% ; } 
      @-ms-viewport { user-zoom: fixed ; min-zoom: 100% ; }   @viewport { user-zoom: fixed ; min-zoom: 100% ; 
     </style> 
     <!-- Uncomment "phantom" cordova.js script if you convert your "Standard HTML5" project into a "Cordova" project. --> 
     <!-- <script src="cordova.js"></script> -->   <!-- phantom library, needed for Cordova api calls, added during build --> 
     <script src="js/app.js"></script>   <!-- recommended location of your JavaScript code relative to other JS files --> 
     <script src="xdk/init-dev.js"></script>  <!-- normalizes device and document ready events, see README for details --> 
     <script src="cordova.js"></script> 
     <script> 
      function openwin(){ 
       window.open('http://www.stackoverflow.com', '_blank', ''); 
      } 
     </script> 
    </head> 
    <body onload="openwin()">window open> 
    </body> 
</html> 

Благодаря

+0

У вас есть версия iOS? Определение ширины с помощью vw имеет некоторые проблемы с iOS 6 и 7 и недоступно ранее. Работает только в iOS 8. – mico

+0

Мое устройство для тестирования - Ipad, на котором работает IOS8, это iPad 2. –

ответ

0

На самом деле это не в приложение просматривает в OFFICAL концепции, вы просто выбросить свой код и оставляя некоторую страницу. Он отлично работает в webborwsers, но даст вам некоторые проблемы в приложениях HTML5, когда больше не будет защищенного кода.

В браузере приложения вы создаете контейнер, и внутри этого контейнера вы загружаете какой-либо веб-сайт, это работает безопасным способом.

После того, как вы используете Intel XDK, команда, вы можете попробовать это:

intel.xdk.device.showRemoteSiteExt("http://www.stackoverflow.com",280,0,50,50,60,60);

This article может быть начальной точкой, чтобы помочь вам. И this - это описание метода, который я получил.

Смежные вопросы