Javascript/Jquery get() 不适用于移动浏览器(调用 node-red、node.js)

Question

我已经花了大约一个星期的时间试图解决这个问题，所以终于破解并提出了一个问题:

我的设置是运行 Apache 和 IBM 的 Node-Red 的 Raspberry Pi 2。我正在使用 Apache 提供一个简单的网页，该网页调用 Node-Red 来启动流程(在这种情况下，它是通过 Open Zwave 打开和关闭灯。)

以下解决方案适用于桌面浏览器(firefox/IE 11)，但不适用于移动浏览器(WP8.1 和 Android 浏览器上的 IE)。然而，代码会触发移动浏览器的“警报”，而不是 $.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>

Answer 1

在同事的建议下，我安装了 Chrome 并将其设置为在我的 Android 手机上进行远程调试。

https://developer.chrome.com/devtools/docs/remote-debugging

事实证明，问题是出于某种原因，台式机/笔记本电脑/平板电脑设备可以解析树莓派的短名称，但手机不能。这是使用相同的 DHCP 和 DNS 服务器。我检查了代码并将 FQDN 添加到所有 URL，现在一切正常。

我有点高兴也有点生气。

感谢大家的帮助。