blocks|key|798739|text|你可以直接把window.focus()放在Google+Chrome中。当单击时，它将聚焦到该窗口。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|798740|var+n+=+window.webkitNotifications.createNotification('ico.gif',+'Title',+'Text');
n.onclick+=+function(x)+{+window.focus();+this.close();+};
n.show();|code-block|syntax|javascript|798741|我在Gmail中打开检查器，添加上面的代码，移动到不同的选项卡，然后运行它。通知出现了，一旦点击，它就把我带回Gmail。|798742|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

You can just place window.focus() in Google Chrome. It will focus to that window when clicked.

<pre><code>var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');
n.onclick = function(x) { window.focus(); this.close(); };
n.show();
</code></pre>

I opened the inspector in Gmail, added the above code, moved to a different tab, and ran it. The notification appeared and once clicked, it brought me back to Gmail.

blocks|key|798777|text|使用Notifications。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|798778|if+(typeof+Notification+!==+'undefined')+{
++alert('Please+us+a+modern+version+of+Chrome,+Firefox,+Opera+or+Safari.');
++return;
}

Notification.requestPermission(function+(permission)+{
++if+(permission+!==+'granted')+return;

++var+notification+=+new+Notification('Here+is+the+title',+{
++++icon:+'http://path.to/my/icon.png',
++++body:+'Some+body+text',
++});

++notification.onclick+=+function+()+{
++++window.focus();
++};
});|code-block|syntax|javascript|798779|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en/docs/Web/API/notification^0|2|D|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

Using <a href="https://developer.mozilla.org/en/docs/Web/API/notification" rel="noreferrer">Notifications</a>.

<pre><code>if (typeof Notification !== 'undefined') {
 alert('Please us a modern version of Chrome, Firefox, Opera or Safari.');
 return;
}

Notification.requestPermission(function (permission) {
 if (permission !== 'granted') return;

 var notification = new Notification('Here is the title', {
 icon: 'http://path.to/my/icon.png',
 body: 'Some body text',
 });

 notification.onclick = function () {
 window.focus();
 };
});
</code></pre>

blocks|key|798804|text|应该是this.close()而不是this.cancel()，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|798805|var+n+=+window.webkitNotifications.createNotification('ico.gif','Title',+'Text');
n.onclick+=+function(x)+{+window.focus();+this.cancel();+};
n.show();|code-block|syntax|javascript|798806|entityMap^0|3|C|I|D|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]|$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|S|8|@]|D|@]|E|$]]]|L|$]]

It should be <code>this.close()</code> rather than <code>this.cancel()</code>, like this:

<pre><code>var n = window.webkitNotifications.createNotification('ico.gif','Title', 'Text');
n.onclick = function(x) { window.focus(); this.cancel(); };
n.show();
</code></pre>

blocks|key|798848|text|window.focus()在最新的Webkit浏览器版本(Chrome、Safari等)中并不总是有效。但是parent.focus()有。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|798849|下面是一个完整的jsfiddle：https://jsfiddle.net/wv0w7uj7/3/|798850|代码：|798851|function+notifyMe()+{
++if+(Notification.permission+!==+"granted")
++++Notification.requestPermission();
++else+{
++++var+notification+=+new+Notification('Notification+title',+{
++++++icon:+'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
++++++body:+"You've+been+notified!",
++++});

++++notification.onclick+=+function+()+{
++++++parent.focus();
++++++window.focus();+//just+in+case,+older+browsers
++++++this.close();
++++};
++}
}|code-block|syntax|javascript|798852|entityMap|0|LINK|mutability|MUTABLE|url|https://jsfiddle.net/wv0w7uj7/3/^0|0|E|1J|E|0|H|W|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|11|8|@]|D|@$9|12|A|13|1|14]]|E|$]]|$1|H|3|I|5|6|7|15|8|@]|D|@]|E|$]]|$1|J|3|K|5|L|7|16|8|@]|D|@]|E|$M|N]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

<code>window.focus()</code> does not always work in recent Webkit browser versions (Chrome, Safari etc). But <code>parent.focus()</code> does.

Here's a complete jsfiddle: <a href="https://jsfiddle.net/wv0w7uj7/3/" rel="noreferrer">https://jsfiddle.net/wv0w7uj7/3/</a>

Code:

<pre><code>function notifyMe() {
 if (Notification.permission !== "granted")
 Notification.requestPermission();
 else {
 var notification = new Notification('Notification title', {
 icon: 'http://cdn.sstatic.net/stackexchange/img/logos/so/so-icon.png',
 body: "You've been notified!",
 });

 notification.onclick = function () {
 parent.focus();
 window.focus(); //just in case, older browsers
 this.close();
 };
 }
}
</code></pre>

blocks|key|798904|text|使用onclick属性并不是很好的做法，对于普通的javascript使用addEventListener，对于jQuery使用on方法。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|798905|var+notify+=+new+Notification('Test+notification');|code-block|syntax|javascript|798906|香草：|798907|notify.addEventListener('click',+function(e)+{
++++window.focus();
++++e.target.close();
},+false);|798908|jQuery：|798909|$(notify).on('click',+function(e)+{
++++window.focus();
++++e.target.close();
});|798910|entityMap^0|2|7|11|G|1S|2|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|12|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|14|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|15|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|16|8|@]|D|@]|E|$]]]|T|$]]

It's not really good practice to use the <code>onclick</code> property, use the <code>addEventListener</code> for vanilla javascript or <code>on</code> method for jQuery.

<pre><code>var notify = new Notification('Test notification');
</code></pre>

Vanilla:

<pre><code>notify.addEventListener('click', function(e) {
 window.focus();
 e.target.close();
}, false);
</code></pre>

jQuery:

<pre><code>$(notify).on('click', function(e) {
 window.focus();
 e.target.close();
});
</code></pre>

I would like to implement same functionality as Gmail has nowadays. When new email arrives or new chat comes, notification popup appears and if you click it, the tab with Gmail gets focussed. 

I have this code:

<pre><code>var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');
n.onclick = function(x) { this.cancel(); };
n.show();
</code></pre>

When I click notification it makes it just disappear. Now I need to add some code to onclick function to bring up and focus page that created this notification. I know it is possible because GMail does it very well. But I didn't succeed in looking into Gmail sources (they are minimalized and obfuscated). 

Anybody knows how to do this ?

How to get focus to a Chrome tab which created desktop notification?

我想实现和Gmail一样的功能。当新的电子邮件到达或新的聊天到来时，会出现通知弹出窗口，如果你点击它，带有Gmail的选项卡将被聚焦。我有这样的代码：var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');n.o...

问如何获得焦点到创建桌面通知的Chrome选项卡？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何获得焦点到创建桌面通知的Chrome选项卡？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何获得焦点到创建桌面通知的Chrome选项卡？
EN