2

私はこれを解決しようと約1週間ハッキングしてきたので、最終的にクラックして質問しました:

私のセットアップは、Apache と IBM の Node-Red を実行する Raspberry Pi 2 です。Node-Red を呼び出してフローを開始する単純な Web ページを提供するために Apache を使用しています (この場合は、Open Zwave を介してライトのオンとオフを切り替えます)。

次のソリューションは、デスクトップ ブラウザー (firefox / IE 11) では機能しますが、モバイル ブラウザー (WP8.1 および Android ブラウザーの IE) では機能しません。ただし、コードはモバイル ブラウザから「アラート」をトリガーしますが、$.get()アイデアはありませんか?

ターゲットを呼び出す 2 つの異なる方法を使用したことに注意してください。1 つは適切なJSON、もう 1 つは単なる文字列です。どちらもデスクトップ ブラウザーで動作しますが、モバイル ブラウザーでは機能しません。

ヘッダ：

<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>
4

1 に答える 1

0

同僚の提案で、Chrome をインストールし、Android フォンでリモート デバッグを行うようにセットアップしました。

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

問題は、何らかの理由でデスクトップ/ラップトップ/タブレット デバイスはラズベリー パイのショートネームを解決できるが、携帯電話は解決できないことであることが判明しました。これは、同じ DHCP および DNS サーバーを使用しています。コードを確認し、すべての URL に FQDN を追加したところ、すべて正常に動作するようになりました。

なんだかうれしくて、なんだかウキウキします。

ご協力ありがとうございます。

于 2015-06-09T20:55:31.487 に答える