我花了大约一个星期的时间试图解决这个问题,最后终于破解并问了一个问题:
我的设置是Raspberry Pi 2运行Apache和IBM的Node-Red。我使用Apache来提供一个简单的网页,它调用Node-Red来启动一个流(在这种情况下,它是通过Open Zwave打开和关闭灯。)
以下解决方案适用于桌面浏览器(firefox/IE 11),但不适用于移动浏览器(IE on WP8.1和Android浏览器)。然而,代码触发"警报"从移动浏览器,而不是$.get()
。
注意,我使用了两种不同的方法来调用目标,一种是正确的JSON
,另一种只是一个字符串。两者都可以在桌面浏览器上运行,但都不能在移动浏览器上运行。
<meta http-equiv="X-UA-Compatible" content="IE=10; IE=11; IE=edge"/>
<script type="text/javascript" src="./js/jquery-2.1.4.min.js"></script>
脚本部分:
<script>
// Wait until the page is loaded so that all the IDs are setup
$(document).ready(function(){
$('img').click(function(){
switch ($(this).attr('id')) {
case 'node-3-on':
$.get("http://node-red:1880/setValueBinary.html", {nodeid:"3", value:"1"});
alert ("node 3 on");
break;
case 'node-3-off':
// alert ("node 3 off");
$.get('http://node-red:1880/setValueBinary.html?nodeid=3&value=0');
break;
// removed further case statements
default:
alert ("You shouldn't see this, some sort of error has happened.");
};
});
});
</script>
HTML: <p><b>Switch 3:</b></p>
<p> <img src="images/green-tick.png" id="node-3-on" alt="Switch On" height="100" width="100" />
<img src="images/red-cross.png" id="node-3-off" alt="Switch Off" width="100" height="100"/></p>
在同事的建议下,我安装了Chrome并将其设置为在我的Android手机上进行远程调试。
https://developer.chrome.com/devtools/docs/remote-debugging原来问题是,由于某种原因,台式机/笔记本电脑/平板电脑设备可以解析树莓派的短名称,而手机不能。这是使用相同的DHCP和DNS服务器。我检查了代码,并将fqdn添加到所有url中,现在一切正常。
我有点高兴,也有点生气。
谢谢大家的帮助。