GWT與HTML5桌面通知（webkitNotifications）

Question

我想使用GWT實現HTML5桌面通知。目前，這不支持GWT庫，所以我使用GWT（JSNI）中的原生JavaScript。我認爲這將是相當直接的，但我沒有任何成功。我正在使用chrome，並嘗試在開發模式和部署的應用程序。以下是我正在使用的代碼。

注意：JavaScript代碼來自http://playground.html5rocks.com/#simple_notifications，它在Chrome中工作正常。

有沒有人得到這個工作？

public native void requestPermission() /*-{ 
     $wnd.webkitNotifications.requestPermission();  
    }-*/; 

    public native void createJSNotification(String iconUrl, String title, String body) /*-{ 
    $wnd.webkitNotifications.createNotification(iconUrl, title, body).show(); 
}-*/; 

Answer 1

那麼，everthing你看起來不錯。我嘗試了這個例子，並使用GWT運行它，它工作。我發現的唯一的事情是，直到通知顯示，如果你在debugg代碼運行它可能需要一些時間：

這裏是我的GWT代碼：

public void onModuleLoad() { 
    { 
     Button bt_Permission = new Button("Request Permission"); 
     bt_Permission.addClickHandler(new ClickHandler() { 
      @Override 
      public void onClick(ClickEvent event) { 
       requestPermission(); 
      } 
     }); 
     RootPanel.get().add(bt_Permission); 
    } 
    { 
     Button bt_ShowNotification = new Button("Show Notification"); 
     bt_ShowNotification.addClickHandler(new ClickHandler() { 
      @Override 
      public void onClick(ClickEvent event) { 
       showNotification(); 
      } 
     }); 
     RootPanel.get().add(bt_ShowNotification); 
    } 
} 

public native void requestPermission() /*-{ 
    $wnd.webkitNotifications.requestPermission(); 
}-*/; 

public native void showNotification() /*-{ 
    var text = 'You got a new email from someone@test.com' 
    if ($wnd.webkitNotifications.checkPermission() == 0) { 
     // note the show() 
     $wnd.webkitNotifications.createNotification('', 
       'Plain Text Notification', text).show(); 
    } else { 
     alert('You have to click on "Set notification permissions for this page" first to be able to receive notifications.'); 
    } 
}-*/;