inapp browser window.open 不会触发 loadstart 或 loadstop 事件

Question

我有非常简单的代码，但它不会触发任何加载事件 - 窗口打开页面加载但未触发事件。

var ref = window.open('http://localhost:3000/#/login','_blank','location=no'); 

ref.addEventListener('loadstart', function(event) {
    log.info('in loadstart ');
});

ref.addEventListener('loadstop', function(event){
    log.info('in loadstop ');
});

https://plnkr.co/edit/ubEk8UN6SGXkYV7PgFZZ?p=preview - Plunkr 代码查看问题所在并提出解决方案。

简单的 10 到 15 行代码，但花了我整个周末来找出问题所在

Answer 1

来自window.open 的文档：

请注意，远程 URL 不会立即加载。当 window.open() 返回时，窗口总是包含 about:blank。 URL 的实际获取被延迟并在当前脚本块完成执行后开始。窗口创建和引用资源的加载是异步完成的。

所以尝试将您的事件侦听器包装在 window.setTimeout

function openInApp(){
    var ref = window.open('http://google.com/','_blank','location=no'); 
    window.setTimeout(function(){
      ref.addEventListener('loadstart', function(event) {
          console.log('in loadstart ');
          alert('start: ' + event.url);
      });
    }, 1000);
}

假设您没有同源问题，现在应该可以了。