2017-08-18 12 views
1

私はW3C通知APIを使用して自分のサイトにデスクトップ通知を追加しようとしています(MDN)。最初のテストと周りの遊びのために、私はfiddle私はthis questionから得た使用していますStackoverflow通知が表示され、Firefoxを使用している間にその通知をクリックすると、ランディングURLが新しいタブで開き、すぐに通知がトリガーされたページに切り替わります。Firefox 55.0.1でwindow.openが正しく機能しない

この奇妙な動作はChromeでは認識されませんでした。そこではうまく動作します。この現象の原因は何ですか?私は何か間違っているのですか?ここで

は、フィドルからのコードです:

<button onclick="notifyMe()">Notify me!</button> 


<script> 
    // request permission on page load 
    document.addEventListener('DOMContentLoaded', function() { 
     if (Notification.permission !== "granted") 
     Notification.requestPermission(); 
    }); 

    function notifyMe() { 
     if (!Notification) { 
     alert('Desktop notifications not available in your browser. Try Chromium.'); 
     return; 
     } 

     if (Notification.permission !== "granted") 
     Notification.requestPermission(); 
     else { 
     var notification = new Notification('Notification title', { 
      icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png', 
      body: "Hey there! You've been notified!", 
     }); 

     notification.onclick = function() { 
      window.open("http://stackoverflow.com/a/13328397/1269037");  
     }; 

     } 

    } 
</script> 

答えて

1

は交換してください:

window.open("http://stackoverflow.com/a/13328397/1269037"); 

をして:

var myWindow = window.open("http://stackoverflow.com/a/13328397/1269037"); 
myWindow.focus();