[解決済み] デスクトップ通知を作成したChromeのタブにフォーカスを移すには?
2023-04-13 18:24:01
質問
現在のGmailと同じような機能を実装したいです。新しいメールやチャットが来たときに通知ポップアップが表示され、それをクリックするとGmailのあるタブがフォーカスされます。
私はこのコードを持っています。
var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');
n.onclick = function(x) { this.cancel(); };
n.show();
私がnotificationをクリックするとき、それはちょうど消えるようになります。今、私はonclick関数にいくつかのコードを追加して、この通知を作成したページを表示し、フォーカスする必要があります。GMail は非常によくそれを行うので、私はそれが可能であることを知っています。しかし、私は Gmail のソースを調べることに成功しませんでした (それらは最小化され難読化されています)。
誰かこれを行う方法を知っていますか?
どのように解決するのですか?
Google Chromeの場合、window.focus()を設置するだけでよいのです。クリックするとそのウィンドウにフォーカスされます。
var n = window.webkitNotifications.createNotification('ico.gif', 'Title', 'Text');
n.onclick = function(x) { window.focus(); this.close(); };
n.show();
Gmailでインスペクタを開き、上記のコードを追加して、別のタブに移動し、実行しました。通知が表示され、一度クリックすると、Gmail に戻されました。
関連
-
[解決済み] JavaScriptでタイムスタンプを取得する方法は?
-
[解決済み] どのラジオボタンが選択されているかをjQueryで知るにはどうしたらよいですか?
-
[解決済み] JavaScriptで現在の日付を取得するには?
-
[解決済み] JavaScriptでクエリ文字列の値を取得するにはどうすればよいですか?
-
[解決済み] セレクタの子を取得する方法は?
-
[解決済み] どのDOM要素にフォーカスがあるかを調べるには?
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] Chromeを使用してASP.NET Web APIがXMLの代わりにJSONを返すようにするにはどうすればよいですか?
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] JavaScript で `throw` の後に `return` をする必要がありますか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Google maps API V3 - 同一地点に複数のマーカーを設置する。
-
[解決済み] ExtJS 4のイベントハンドリングについて
-
[解決済み] Angularjs - 現在の日付を表示する
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] javascript includes() 大文字小文字を区別しない
-
[解決済み] moment.jsでミュータビリティを回避するには?
-
[解決済み] Javascriptで動的に命名されたメソッドを呼び出すにはどうすればよいですか?
-
[解決済み] $.ajax実行中にローディングイメージを表示する
-
[解決済み] <ng-content>が空かどうかを確認する方法は?(これまでのAngular 2+で)
-
[解決済み] javascriptのキャンバスで画像をリサイズする (スムーズ)