У меня есть клиент чата JavaScript, работающий на одной вкладке браузера (назовите его вкладкой A). Теперь, когда приходит сообщение, пользователь может находиться на другой вкладке браузера (назовите его вкладкой B). Я ищу способы изменить фокус с вкладки B на мой клиент чата (вкладка A), когда приходит такое сообщение.
Я не мог найти способ сделать это.
не - из-за проблем с безопасностью.
если только "вкладка" означает окно и всплывающее окно, которое (из-за настроек браузера) открылось на новой вкладке. Если это так, то да, вы можете.
//focus opener... from popup
window.opener.focus();
//focus popup... from opener
yourPopupName.focus();
Можно переключить фокус обратно в Tab A с помощью предупреждения в Tab A, например. alert ( "Новое сообщение" )
Однако вам нужно быть осторожным, используя это, так как это очень сильно раздражает людей. Его следует использовать, только если вы сделаете его необязательным в своем приложении. В противном случае обновление заголовка Tab A и/или значка будет лучшим, как говорит nc3b.
Лучшее, что вы могли бы, вероятно, изменить название страницы, предупреждающее пользователя, что вкладка требует внимания (возможно, также значок - посмотрите, как это делает meebo, это действительно раздражает, но эффективно)
Использование Javascript, срабатывание предупреждения может иметь желаемый эффект. Запустите этот код в консоли или добавьте в свой html файл на одной вкладке и переключитесь на другую вкладку в том же браузере.
setTimeout(function(){
alert("Switched tabs");
},
5000);
Появится предупреждение, появившееся после таймаута, вызывая переключение табуляции. Или вы можете сделать что-то подобное! Однако по причинам UX вы все равно можете использовать пинг или добавление и индикатор, как в счетчике сообщений Facebook, в заголовке страницы ((1) Facebook). Вы также можете поэкспериментировать с API уведомлений (экспериментальный).
это сработало для меня на форме submit, чтобы открыть окно цели. поэтому он будет вызывать window.open на той же цели (или новый, если изменился), а затем продолжить отправку формы.
var open_target = function (form){
var windowName = jQuery(form).attr('target');
window.open("", windowName );
return true;
}; <form target="_search_elastic" onsubmit="return open_target(this);">
</form>У Chrome и firefox теперь есть уведомления. Я думаю, что уведомления, вероятно, более удобны для пользователя, чтобы предупредить пользователя о том, что что-то изменилось в вашем приложении, а не появлялось предупреждение и принуждало их к вашей странице.