http://lab.ejci.net/favico.js/ http://www.zhangxinxu.com/study/201607/web-notifications.html http://www.zhangxinxu.com/wordpress/2016/07/know-html5-web-notification/ 一个js插件,可以通知浏览器,更改通知数目.…

Notification是HTML5新增的API,用于向用户配置和显示桌面通知.上次在别的网站上看到别人的通知弹窗,好奇之余也想知道如何实现的.实际去查一下发现并不复杂,且可以说比较简单,故写篇博客分享给大家,希望能帮你们了解这个API. npm包: 我还发了一个npm包:notification-Koro1,非常轻量简洁,觉得不错的话,点个Star吧~ chrome下Notification的表现: 以谷歌为例,一开始需要用户允许通知: 允许通知之后,显示的通知长这样: Notificatio…

前言 最近项目上要用到浏览器桌面通知,之前虽然知道有这个东西,但是一直没有用过,借此机会了解下桌面通知的机制,在此分享下. 1.权限 首先需要明确的是,不是所有网页都可以发桌面通知的,不然不得烦死,那么就需要在发送通知前需要用户来决定是否接收通知.我们可以通过使用 Notification.requestPermission()方法来获取权限,返回值有三种: "granted"(状态值:0)表示用户同意消息提醒: "default"(状态值:1)表示默认状态,用户既…

首先说明,这篇博文不是科普讲解的,而是立flag研究的,是关于浏览器消息自动推送,就是下面这个玩意: 最近常常在浏览器看到这样的消息推送,还有QQ.com的推送,现在我对这个不了解,不知道叫消息自动推送对不对,这个时chrome浏览器的截图,出现在右下角,其他浏览器的样式可能有些微差别. websocket通信?浏览器广告推送?html5自动更新?灵异事件? ----------------------------我是研究的结果华丽的分割线----------------------------…

近期在做公司后台管理系统,当有任务到来时,须要通知当事人,可是 当事人有可能在做别的,浏览器有可能会被最小化,这样就非常难看到通知了.经过查找发现有些浏览器能够使用noitfications.能够在桌面的通知区域内显示一个提示框,而且显示在桌面的最前面,非常方便就能看到了.我就将它简单的封装一下,使其符合经常使用的使用场景. 功能效果类似webQQ的消息提示通知. 项目地址:https://github.com/rentiansheng/notification chrome 浏览器桌面通知 简…

一言不合就上图: 最近常常在浏览器看到这样的消息推送,还有QQ.com的推送,现在我对这个不了解,不知道叫消息自动推送对不对,这个时chrome浏览器的截图,出现在右下角,其他浏览器的样式可能有些微差别. websocket通信?浏览器广告推送?html5自动更新?灵异事件? —————————-我是研究的结果华丽的分割线——————————- 先说下websocket吧,WebSocket 规范是 HTML 5 中的一个重要组成部分,已经被很多主流浏览器所支持,也有不少基于 WebSocket…

SVN更改通知的工具commitmonitor 下载地址: https://sourceforge.net/projects/commitmonitor/files/latest/download 工具简介:可以监控svn仓库的提交记录,并及时通知,应用多与两个以上的人修改使用代码模块,可以及时的了解到具体的改动内容 当监控的项目有更新会弹出任务栏提示(是不是比较人性话了),如下图: 具体的软件使用界面如下,左边是添加的待监控的子模块,右边是它对应的修改信息: 新建项目的界面如下: 配置好后,将…

  PropertyChangeNotification属性更改通知 实现效果:1.拍卖金额自动随属性值变化而通知界面绑定的值变化. 关键词 : INotifyPropertyChanged ObservableCollection<T> 界面xaml:数据模板 <DataTemplate x:Key="BidItemDataTemplate"> <Canvas Width="300" Height="20">…

Window有navigator对象让我们得知浏览器的全部信息.我们可以利用一系列的API函数得知浏览器的信息. JavaScript代码如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 function message() { txt = "<p>浏览器代码名: " + navigator.appCodeName + "</p>"; txt+= "<p>浏览器名称: " + nav…

从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: <script type="text/javascript"> var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.fir…

本节主要内容: 一.Spring 通过XML配置文件形式来AOP 来实现前置,环绕,异常通知     1. Spring AOP  前置通知 XML配置使用案例     2. Spring AOP  环绕通知 XML配置使用案例     3. Spring AOP  抛出异常后通知 XML配置使用案例     4. Spring AOP  返回后通知 XML配置使用案例     5. Spring AOP  后通知  XML配置使用案例 二.Spring 通过注解形式来AOP 来实现前置,环绕,…

JavaScript是前端开发的主要语言,我们可以通过编写JavaScript程序来判断浏览器的类型及版本.JavaScript判断浏览器类型一般有两种办法,一种是根据各种浏览器独有的属性来分辨,另一种是通过分析浏览器的userAgent属性来判断的.在许多情况下,值判断出浏览器类型之后,还需判断浏览器版本才能处理兼容性问题,而判断浏览器的版本一般只能通过分析浏览器的userAgent才能知道. 我们先来分析一下各种浏览器的特征及其userAgent. IE 只有IE支持创建ActiveX控件,…

原文地址: Detect Vendor Prefix with JavaScript 不管浏览器私有前缀的现状如何,我们还是要与之为伴,并且有时候还需要利用它来做一些事情.这些前缀可以用于CSS(比如 -moz-element 中的 -moz- )和JavaScript( navigator.mozApps )的格式化.牛逼的X-Tag项目使用了一个很巧妙的方法在浏览器环境中获取前缀 —— 让我们来看一下是如何实现的吧! demo 首先,获取HTML元素的 CSSStyleDeclaration…

在上篇文章中学习了Spring AOP,并学习了前置通知和后置通知.地址为:http://www.cnblogs.com/dreamfree/p/4095858.html 在本文中,将继续上篇的学习,继续了解返回通知.异常通知和环绕通知.具体的含义详见代码注释 package com.yl.spring.aop; import java.util.Arrays; import org.aspectj.lang.JoinPoint; import org.aspectj.lang.Proceedi…

本地通知与远程通知详解 一:本地通知   Local Notification的作用 Local Notification(本地通知) :是根据本机状态做出的通知行为,因此,凡是仅需依赖本机状态即可判断需要发出通知的行为都可以或者说应该使用Local Notification来处理.比方说:iBeacon中进入了某个Beacon region,或者说自定义的一些定时提醒等. 构建Local Notification 在iOS中,构建LocalNotification非常简单,只需要掌握好NSLo…

//检测浏览器对CSS属性的支持 supports = (function() { var div = document.createElement('div'), vendors = 'Khtml Ms O Moz Webkit'.split(' '); return function(prop) { if ( prop in div.style ) return true; var len = vendors.length; prop = prop.replace(/^[a-z]/, fun…

之前在项目中遇到过要针对不同浏览器做不同的一些js或者css操作,后来某个朋友也突然问到这个问题,所以,整理了一下,在这里留个笔记,方便以后使用. 使用javascript判断浏览器类型: function myBrowser(){ var userAgent = navigator.userAgent.toLowerCase(); //取得浏览器的userAgent字符串 console.log(userAgent); if (userAgent.indexOf("opera") &…

javascript自定义浏览器右键菜单   在书上看到document对象还有一个contextmenu事件,但是不知为什么w3school中找不到这个耶... 利用这个特性写了个浏览器的右键菜单,感觉挺不错,呵呵... HTML部分(在<body></body>之间插入以下HTML): 查看代码 <div id="menu"> <ul> <li><a href="#">contextmenu…

** 不同浏览器版本可能存在差异,使用时请测试自己的环境 ** 测试时各个浏览器版本 IE: 11.953.14393.0 Edge: Microsoft Edge 38.14393.0.0;Microsoft EdgeHTML 14.14393 Chrome: 57.0.2987.133 (64-bit) FireFox: 52.0.1 (32 位) 360极速浏览器: 版本号:8.7.0.306;内核版本号:50.0.2661.102 360安全浏览器: 版本号:8.1.1.400;内核版本…

JavaScript禁止浏览器默认行为 1.实现源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <met…

这篇文章主要介绍了基于JavaScript判断浏览器到底是关闭还是刷新(超准确)的相关资料,需要的朋友可以参考下 本文是小编总结的一些核心内容,个人感觉对大家有所帮助,具体内容请看下文: 页面加载时只执行onload 页面关闭时只执行onunload 页面刷新时先执行onbeforeunload,然后onunload,最后onload. 经过验证我得出的结论是: //对于ie,谷歌,360: //页面加载时只执行onload//页面刷新时,刷新之前执行onbeforeunload事件,在新页面即…

从网上找到一段使用JavaScript判断浏览器以及浏览器版本的比较好的代码,在此记录一下: 1 <script type="text/javascript"> 2 var Sys = {}; 3 var ua = navigator.userAgent.toLowerCase(); 4 var s; 5 (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : 6 (s = ua.match(/firefox\/([\d.]+)/…

待学习…………     20160421 标题:JavaScript中浏览器兼容问题  博客地址:http://www.cnblogs.com/DF-fzh/p/5408241.html     简单学习.…

JavaScript在浏览器中把文本保存为文件的方法 经过测试第二种方法可以保存更多的文本不至于卡死 var saveTextAsFile1 = function (text, fileName, success, error) { var data = text; if (!(text instanceof Array)) { data = [text]; } var file = new File(data, fileName); var reader = new FileReader();…

1.创建通知,最好在viewDidLoad的方法中创建 - (void)viewDidLoad { [super viewDidLoad]; //创建通知 [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(tongzhi:) name:@"tongzhi" object:nil]; } //接收通知并相应的方法 - (void) tongzhi:(NSNotification *)noti…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-…

1.概要 aop:面向方面编程.不改变源代码,还为类增加新的功能.(代理) 切面:实现的交叉功能. 通知:切面的实际实现(通知要做什么,怎么做). 连接点:应用程序执行过程期间,可以插入切面的地点. 切入点:真正的将通知应用到目标程序中的地点,一定是连接点.切入点是连接点的子集. 切入点决定了一个特定的类的特定方法是否满足一定的规则 引入:为类增加新的属性和方法. (引入通知) 目标对象:被通知的对象. 代理:把通知应用到目标对象以后,产生新的对象,该对象就称为代理对象. 织入:创建代理对象过程…

javascript实现浏览器管理员工具鼠标获取Html元素 并生成 xpath 看看标题就被吓尿了,够长吧.让我们看看到底是个什么玩意.. 直接上图: 就是这个东东了,做为一个写爬虫的,有必要了解下xpath 快速生成办法(这个测试代码是我2年前写的,花了点时长给翻出来,继续研究下,准备应用到我的项目中). 有人会说,这个生成xpath的东东,不能对json.xml.异步.脚本二次解析 做处理,也不是完全把体力解放出来啊,我想说,单一的技术是不能解决复杂的问题,一个解决方案向来都不是用某一单一…

如今HTML5 移动应用或 Web app 中越来越普遍的使用了离线浏览技术,所以用 JavaScript 检测浏览器在线/离线状态非常常见. 无论浏览器是否在线,navigator.onLine 属性都会提供一个布尔值. 如果浏览器在线,则设置为 true ,否则设置为 false . if(navigator.onLine) { // true|false // ... } online 和 offline 事件: 当浏览器脱机或上线时,浏览器还支持 online 和 offline 事件.…

1. 简介 ECMAScript是JavaScript的核心,但是如果要在WEB中使用JavaScript,那么BOM则无疑才是真的的核心.BOM提供了很多对象,用于访问浏览器的功能,这些功能与任何网页内容无关.BOM没有标准,各浏览器厂商间定义的公共对象,可以作为事实上的标准存在.W3C在HTML5中把BOM纳入了规范中. 2. window对象 window对象:表示浏览器的一个实例.window的双重角色:通过JavaScript访问浏览器窗口的一个接口,又是ECMAScript规定的Gl…