chrome下使用ip訪問專案無法正常使用web notification api-有解無憂

1.使用Notification來進行通知，申請權限相關代碼也執行了。在使用localhost:8080訪問可順利彈出通知框。但是使用本機ip（如：http://192.168.1.45:8080/）訪問時卻無法彈出通知框。
2.檢查了chrome的權限設定，localhost的時候權限為：

而在ip訪問時卻是：

3.嘗試通過設定將ip的通知權限開放：

4.再次查看權限時已經是允許，但此時依然無法彈出通知框。而申請權限的代碼Notify.requestPermission();結果是被拒絕
5.最終專案部署的時候，肯定是通過ip訪問的，所以我想要在使用ip訪問的時候，也能彈出通知框。請問各位如何解決這個問題？

uj5u.com熱心網友回復：

Notification.requestPermission(function (status) {

            //status是授權狀態，如果用戶允許顯示桌面通知，則status為'granted'

            // console.log('status: ' + status);

            //permission只讀屬性

            var permission = Notification.permission;

            console.log(permission);

            //default 用戶沒有接識訓拒絕授權請求 不能顯示通知

            //granted 用戶接受授權請求 允許顯示通知

            //denied  用戶拒絕授權請求 不允許顯示通知



        });

這樣會先獲取你是否賦權

uj5u.com熱心網友回復：

參考 1 樓 karl_rose 的回復：

Notification.requestPermission(function (status) {

            //status是授權狀態，如果用戶允許顯示桌面通知，則status為'granted'

            // console.log('status: ' + status);

            //permission只讀屬性

            var permission = Notification.permission;

            console.log(permission);

            //default 用戶沒有接識訓拒絕授權請求 不能顯示通知

            //granted 用戶接受授權請求 允許顯示通知

            //denied  用戶拒絕授權請求 不允許顯示通知



        });

這樣會先獲取你是否賦權

chrome版本更新之后好像是必須https了

轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/86942.html

標籤：HTML5

上一篇：觀察者理解

下一篇：這種問題我該怎么表達