我在app浏览器中有一个应用程序,它显示了一个使用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 :(得分:0)
事实上,这不是一个应用程序浏览官方概念,你只是丢弃你的代码,而是留下一些页面。它在webborwsers中运行良好,但一旦没有安全代码,就会在HTML5应用程序中给你一些问题。
在应用程序浏览器中意味着您正在创建一些容器,并且在此容器中加载一些网站,这将以安全的方式工作。
使用英特尔XDK后,您可以尝试的命令是:
intel.xdk.device.showRemoteSiteExt("http://www.stackoverflow.com",280,0,50,50,60,60);
This article可能是帮助您的起点。 this是对我所采用的方法的描述。