I am developing a alert notification extension using AngularJS. It fetches alerts from a REST api and shows noification (webkitNotifications). It was all good on my laptop (where I was developing) but hell broke when I sifted to my desktop for testing. I now get error :

ReferenceError: webkitNotifications is not defined
at chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/background.js:156:5
at chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:72:169
at E (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:100:258)
at E (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:100:258)
at E (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:100:258)
at chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:102:5
at h.$eval (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:112:179)
at h.$digest (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:109:268)
at h.$apply (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:113:7)
at g (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:72:337) angular.min.js:92

Laptop : v34.0.1847.116 m

Desktop : v35.0.1916.69 beta-m

I am developing a alert notification extension using AngularJS. It fetches alerts from a REST api and shows noification (webkitNotifications). It was all good on my laptop (where I was developing) but hell broke when I sifted to my desktop for testing. I now get error :

ReferenceError: webkitNotifications is not defined
at chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/background.js:156:5
at chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:72:169
at E (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:100:258)
at E (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:100:258)
at E (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:100:258)
at chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:102:5
at h.$eval (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:112:179)
at h.$digest (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:109:268)
at h.$apply (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:113:7)
at g (chrome-extension://dncdcpdlbnnhncggaenbpknljjbmdlpo/js/angular.min.js:72:337) angular.min.js:92

Laptop : v34.0.1847.116 m

Desktop : v35.0.1916.69 beta-m

• javascript
• angularjs
• google-chrome
• google-chrome-extension

Share Improve this question Follow asked Apr 25, 2014 at 9:07 ultimateultimate 65811 gold badge88 silver badges1818 bronze badges 4

• 3 Have you tried the W3C standard window.Notification instead of a Webkit implemenetation? Maybe in latest versions the vendor prefix has been removed – CodingIntrigue Commented Apr 25, 2014 at 9:14
• @RGraham is right. It was removed in recent builds. – Xan Commented Apr 25, 2014 at 9:24
• @RGraham could you point me to a documentation. Thanks – ultimate Commented Apr 25, 2014 at 9:29
• 1 Sure - developer.mozilla/en/docs/Web/API/notification - See the "Chrome Notes" section – CodingIntrigue Commented Apr 25, 2014 at 9:30

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 5

The old notification API has been depreciated and now, it's suggested to use Rich Notifications. The implementation is pretty easy and you shouldn't have any problems with it.

Here is the link to the documentation: go!

You should be aware of Linux version, where rich notifications are available only in dev channel. In stable version, old API is still accessible and may cause several problems when your extension will be used across different systems.