html5底部悬浮添加到桌面,javascript

遗憾的是,HTML通知中不支持链接和其他标记.获取带有通知的可点击链接的唯一方法是使用onclick:

function makeNotification() {

var notification = new Notification('This is a clickable notification', {body: 'Click Me'});

notification.onclick = function () {

window.open('https://stackoverflow.com/');

};

}

function notifyMe() {

// Let's check if the browser supports notifications

if (!('Notification' in window)) {

alert('This browser does not support desktop notification');

}

// Let's check if the user is okay to get some notification

else if (Notification.permission === 'granted') {

// If it's okay let's create a notification

makeNotification();

}

// Otherwise, we need to ask the user for permission

// Note, Chrome does not implement the permission static property

// So we have to check for NOT 'denied' instead of 'default'

else if (Notification.permission !== 'denied') {

Notification.requestPermission(function (permission) {

// If the user is okay, let's create a notification

if (permission === 'granted') {

makeNotification();

}

});

}

}

与Chrome相比,Firefox的通知持续时间较短.无法控制Firefox中可见的通知时长.

(0)

相关推荐

  • [第186次听写]Easy难道不是容易的意思?

    我是Wind, 以前是字幕组组长. 我每天早上听写1分钟电影, 已经坚持6个月了. 你想不想找一种轻松的方式提升自己的听力? 跟我一起每天听写电影吧! 听力技巧 我们来学习02分18秒的这一句 Oka ...

  • electron——通知

    所有三个操作系统都提供了应用程序向用户发送通知的手段. Electron允许开发者使用 HTML5 Notification API 发送通知,并使用当前运行的操作系统的本地通知 API 来显示它. ...

  • 使用上下文数据安全地评估JavaScript

    eval()从一开始就在JavaScript中提供了该功能,作为从动态输入运行代码的一种方式.但是,它存在有据可查的问题,并且一般的建议是,如果有第三方将内容放入表达式中的任何可能性,则不应使用它. ...

  • ES6前后实现排它的两种写法

    排它思想:清除其它所有的没有选中元素的样式, 只设置当前选中元素的样式 html代码 <!DOCTYPE html> <html lang="en"> &l ...

  • canvas画板,Html5新标签Canvas制作炫酷的画板功能

    在html5中,新增了很多实用的标签,今天为大家介绍的是html5新增标签,标签是使用来规定一个图形容器(画布),然后通过脚本( JavaScript等)来绘制图形. 今天给大家做一个类似于电脑画图板 ...

  • 前端面试题整理——VUE双向绑定原理

    VUE2.0和3.0数据双向绑定的原理,并说出其区别. 代码: <!DOCTYPE html> <html lang="en"> <head> ...

  • html5底部悬浮添加到桌面,桌面小程序 在弹出的界面点击“添加到桌面”

    有个小程序怎么操作到桌面上? 欢迎来到CSS布局HTML,你是不是想把微信小程序弄到手机桌面上? 在小程序右上角有三个点点开,里面有个添加到桌面.下图以跳一跳游戏小程序为例,手机要打开快捷方式的权限. ...

  • Win10程序快捷方式添加到桌面上的两种方法

    时间:2015-07-07 17:58:41 作者:zhijie 来源:系统之家 1. 扫描二维码随时看资讯 2. 请使用手机浏览器访问: http://m.xitongzhijia.net/arti ...

  • 为什么将小程序添加到桌面后桌面上找不到小程序图标

    部分微信用户在小程序内点击"添加到桌面",但并未在手机桌面上找到小程序图标.原因在于微信小程序"添加到桌面"被禁用,请前往系统设置并手动打开微信"创建 ...

  • 万能小组件怎么添加到桌面

    万能小组件怎么添加到桌面,话说不少用户都在咨询这个问题,下面就来小编这里看下万能小组件添加到桌面的方法吧,需要的朋友可以参考下. 1.手机主屏幕,右滑到最左侧,长按万能小组件app,点击下面的&quo ...

  • 即刻天气怎么添加到桌面插件

    能够为用户们提供多种天气信息,让用户们能够了解多种天气,在这里更是包含了多样化的功能,多种贴心的设计,让用户们能够实时的了解多样化的天气指数,超海量的功能等待着你的体验,不过还有许多用户们不清楚该如何 ...

  • 微信如何开通“交通卡”?还能把乘车码添加到桌面,既方便又快捷

    微信如何开通“交通卡”?还能把乘车码添加到桌面,既方便又快捷

  • 手机如何把微信网址添加到桌面

    卡饭网 本站整理 2018-12-07 如果我们想把一些经常使用的网页添加到手机桌面中该怎么操作呢?下面给大家讲讲把网址添加到手机桌面的方法. 具体如下: 1. 第一步,在手机上打开如图所示的UC浏览 ...

  • 巧妙去除 iPhone 底部Dock栏,桌面更清爽了(第三期)

    苹果手机底部有一个高斯模糊区域,我们把它称为 Dock栏.有人觉得很好看,也有人觉得不舒服影响一体感 有强迫症的小伙伴,我们利用一些特制的壁纸就可以达到去除 Dock 栏的效果,之前我们分享过iOS1 ...

  • 巧妙去除 iPhone 底部Dock栏,桌面更清爽了

    iPhone手机底部有一个高斯模糊的App区域,我们把它称为dock栏.有人觉得很好看,也有人觉得不舒服影响壁纸的一体感 对于强迫症的小伙伴,我们利用一些特制的壁纸就可以达到去除dock栏的效果,之前 ...