随笔 - 4, 文章 - 52, 评论 - 92, 阅读 - 39万
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理
< 2025年2月 >
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 1
2 3 4 5 6 7 8

google chrome下桌面提示

Posted on   三块石头  阅读(3778)  评论(2编辑  收藏  举报

      google chrome的确是个好东西,除了速度快,支持HTML5,还有一些新的东西,比如今天我要提到的Notification,也就是桌面提醒。

什么是桌面提醒就不用多解释了,简而言之就是在桌面右下角弹出一个对话框,给用户一些提示信息,类似于我们常见的广告。有人开玩笑说,这个Notification就是web2.0下的新广告。哈!

      废话少说,我们先上图上真相,然后上代码。

<!doctype html>
<html>
    <head>
        <title>Notification</title>
        <meta http-equiv='Content-Type' content='text/html;charset=utf-8'></meta>
    </head>
    <body>
        <button onclick="notify()">Click Me to Notify</button>
        <script type="text/javascript">
            function notify(){
                 
                if(window.webkitNotifications){
                  if (window.webkitNotifications.checkPermission() > 0) {
                    RequestPermission(notify);
                  } else {
                        var notification=webkitNotifications.createNotification(
                        'http://images.cnblogs.com/cnblogs_com/flyingzl/268702/r_1.jpg',
                        'twitter',
                        'A dog is seating int the manager!'
                    );
                     
                    //var notification=webkitNotifications.createHTMLNotification('http://www.cnblogs.com/flyingzl');
                    notification.show();
                  }
                }
            }
 
            function RequestPermission(callback) {
              window.webkitNotifications.requestPermission(callback);
            }
 
        </script>
    </body>
</html>

简单解释下。要想弹出窗口提示需要分两步走。第一步就是要获得权限,即通知用户是否允许桌面提示。第二步就是 如果获得到了权限,就弹出提示窗口,否则不做任何操作。如果直接越过第一步,会出现诸如"Uncaught Error: SECURITY_ERR: DOM Exception 18"等异常。

编辑推荐:
· C++代码改造为UTF-8编码问题的总结
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
阅读排行:
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· 程序员转型AI:行业分析
· 深入集成:使用 DeepSeek SDK for .NET 实现自然语言处理功能
· 为DeepSeek添加本地知识库
· .NET程序员AI开发基座:Microsoft.Extensions.AI
点击右上角即可分享
微信分享提示