在英特尔's XDK

Using your own (pre-built) html in Intel's XDK

本文关键字：XDK 英特尔      更新时间：2023-09-26

我对使用英特尔的XDK非常陌生，我已经有了一个需要转换为android应用程序的web应用程序。我已经彻底测试了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的位置？

按照@rscohn2的建议去做（让"king"脚本在你的项目中是本地的，尽可能避免通过网络加载它），但也要看看这个"更强大"的模板，我为那些试图将web应用程序变成webview应用程序的人提供了这个模板。有很多评论和console.log消息可以帮助你了解发生了什么，但本质上：

  • 等待自定义"app.Ready"事件启动您的应用程序
  • 请考虑何时加载第三方和自定义JS脚本（请参阅自述文件）

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

相关文章：