在英特尔的XDK中使用您自己的(预先构建的)html

时间:2014-09-06 13:37:14

标签: javascript android emulation intel intel-xdk

我是使用英特尔XDK的新手,我已经有一个我需要转换为Android应用程序的网络应用程序。我已经彻底测试了html网络应用程序,到目前为止,它在浏览器中完美运行。问题是,当我将它导入XDK时,它似乎不适用于模拟器。我到处搜索,没有其他人似乎有同样的问题,所以一定是我错过了什么。我知道你必须插入一个额外的javascript(我已经做过),但到目前为止,它仍然无法正常工作。这里有人能指出我正确的方向吗?提前谢谢。

我的代码:

<!DOCTYPE html>
<html>
 <head>
       <meta name="viewport" content="width=device-width target-densitydpi=device-dpi initial-    scale=0.1 maximum-scale=0.5 user-scalable=0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge" />
    <title>King</title>
    <style>
       html {
        height:100%;
       }
       body {
            background-color: #000000;
            margin:0;
            height:100%;
        }
    </style>
    <meta name="viewport" content="user-scalable=yes, width=1024" />

      <script src='intelxdk.js'></script>
    <script type="text/javascript">
        /* Intel native bridge is available */
        var onDeviceReady=function(){
        //hide splash screen
        intel.xdk.device.hideSplashScreen();
        };
        document.addEventListener("intel.xdk.device.ready",onDeviceReady,false);
    </script>
  </head>
  <body>
    <div style ="margin:auto;width:1024px;height:768px">
    <div id="king_hype_container"  style="position:relative;overflow:hidden;width:1024px;height:768px;">
        <script type="text/javascript" charset="utf-8"  src="King.hyperesources/king_hype_generated_script.js?7046"></script>

    </div>
    </div>
  </body>
</html>

也许我将intel xdk放在javascript的错误位置?

2 个答案:

答案 0 :(得分:0)

它可能没有加载king_hype_generated_script.js。你可以通过在模拟器中弹出调试器来看到它。您可以通过单击屏幕左上角的错误图标,然后在控制台选项卡中查看消息来实现。你可能想让king_hype_generate_script.js成为一个静态文件并复制到你的项目中,或者使用指向你服务器的绝对URL。将其复制到您的项目中将使您更好地脱机工作。

答案 1 :(得分:0)

执行@ rscohn2的建议(使#34;国王&#34;脚本对您的项目是本地的,如果可能的话,避免通过网络加载),还要看看this "beefier" template我已经向尝试将网络应用转变为网络视图应用的用户提供了帮助。有很多评论和console.log消息可以帮助你弄清楚发生了什么,但实质上是:

  • 等待自定义&#34; app.Ready&#34;启动应用程序的活动
  • 考虑何时加载第三方和自定义JS脚本(请参阅自述文件)