AddEventListener适用于浏览器,但不适用于Android

AddEventListener works on the browser but does not on Android

本文关键字:适用于 不适用 Android 浏览器 AddEventListener      更新时间:2023-09-26

我使用postMessage()函数将消息从移动应用程序填充到网站字段。我在浏览器上测试了它,一切都很完美。然而,当我尝试在安卓手机上进行测试时,没有填充任何内容。

应用端:

var password = localStorage.getItem("password");
var language = localStorage.getItem("lang");
var credentials = username+'-'+password;
var msg = language+':'+username+'-'+password;
var loginWindow = window.open('https://link', '_blank', 'location=yes');
function giveMeUsername(){ 
    loginWindow.postMessage(msg, 'https://link');
    console.log('open window');
}
window.addEventListener('message', function(event) {
    alert('listener alert');
var message = event.data; 
if(message == 'giveMeUsername'){ 
    console.log('call giveMeUsernam');
giveMeUsername(); 
} 
}, false);

这行alert('listener alert');在浏览器上显示警报,但当我在Android设备(apk文件)上测试它时,没有任何显示,也没有消息发送到网站。

网站端:

addScriptDeclaration("
    console.log('message received1:  ');
window.onload = function(){ 
window.opener.postMessage('giveMeUsername', '*'); 
console.log('message received2: '); 
};
function GetSubstringIndex(str, substring, n) {
    var times = 0, index = null;
    while (times < n && index !== -1) {
        index = str.indexOf(substring, index+1);
        times++;
    }
    return index;
}
    window.addEventListener('message', function(event) {
      console.log('message received3:  ');
      //if(event.origin !== 'http://appery.io') return;
      var message = event.data;
      console.log('message received5:  '+message);
      //var username = message.substr(0, message.indexOf('-'));
      var lang = message.slice(0,2);
      var username = message.substring(message.lastIndexOf(':')+1,message.lastIndexOf('-'));
      var password = message.substr(message.indexOf('-') + 1);    
      jQuery('input#username').val(username);
      jQuery('input#password').val(password);
       document.getElementById('loginbtn').click();
       var x = document.getElementById('loginbtn').name;
       console.log('message received6:  '+ x);
    }, false);
");
$document->addScriptDeclaration("
      console.log('message received6:  ');
");
?>

我很困惑,因为我不知道任何.apk调试方法。我只在浏览器上开发、测试和调试,在浏览器上工作的东西通常在Android上工作。

两件事:

在设备(手持设备)上,不支持Alert()功能。您必须使用Cordova对话框插件。org.apache.cordova.dialogs

我会试试document.addEventListener,看看它是否会着火。