我的应用程序中有一些console.log,在桌面浏览器中查看应用程序时效果很好。现在,我尝试使用英特尔应用预览版在手机上远程调试应用程序。我已经在手机上启动了我的应用程序并点击了#34;开始在设备上调试"在XDK。这打开了XDK的远程调试UI,我可以在其中转到控制台。但是console.log没有在这个控制台上打印出来。可能是什么问题?
顺便说一下,我认为这在过去对我有用,而不是现在。
答案 0 :(得分:2)
要在"调试会话"下查看 console.log 消息。在TEST选项卡中,您必须从" On Device Debugging"中复制提供的脚本标记。在BODY元素之后插入的部分。
例如,
注意:当XDK关闭或退出时,脚本的src属性可能会发生变化。
<!DOCTYPE html><!--HTML5 doctype-->
<html>
<head>
<title>Your New Application</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
<style type="text/css">
/* Prevent copy paste for all elements except text fields */
* { -webkit-user-select:none; -webkit-tap-highlight-color:rgba(255, 255, 255, 0); }
input, textarea { -webkit-user-select:text; }
body { background-color:white; color:black }
</style>
<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>
<script>
function hello(){
console.log("Hello");
}
function windowsize(){
console.log("Window size Width: " + window.innerWidth + " Height: " + window.innerHeight);
}
</script>
</head>
<body>
<h1>Welcome to console log testing</h1>
<p>Hello World</p>
<button onclick="hello()">Hello_console.log</button>
<button onclick="windowsize()">Windowsize_console.log</button>
</body>
<script src="http://debug-software.intel.com/target/target-script-min.js#_oDg9dKa6AG4LMdTRJMSDIPU_8Wtj433kqrvyFjcAT4"></script>
</html>
包含脚本标记后,您需要将项目的推送文件发送到测试服务器。当您扫描QR码时,应用程序应按预期加载。单击&#34;开始在设备上调试&#34;打开调试会话面板。按钮即可。您应该看到目标和客户的列表。在选择适当的目标后,单击“调试会话”面板中的“控制台”选项卡,以查看控制台打开时执行的console.log消息。
如果这仍然不适合您,我建议您卸载英特尔XDK并重新安装。