Предотвращение блокировки всплывающих окон

Question

Я использую метод входа в Facebook в своем коде при загрузке страницы, но когда я выполняю этот код, блокировщик всплывающих окон закрывает окно разрешений Facebook.

Как я могу открыть это окно с помощью Javascript без необходимости делать исключение в блокировщике всплывающих окон?

Ниже мой код:

FB.login(function(response)
{
    if(response.session!=null)
    {
        window.location.href='http://example.com';
    }
},
{ perms: 'email,user_birthday,publish_stream' });

Answer 1

Вы можете сделать что-то вроде -

var uri = encodeURI('http://example.com');
FB.getLoginStatus(function(response) {
      if (response.status === 'connected') {
                window.location.href=uri;
      } else {
         window.location = encodeURI("https://www.facebook.com/dialog/oauth?client_id=YOUR_APP_ID&redirect_uri="+uri+"&response_type=token");
      }

Это будет просто перенаправить напрямую вместо открытия всплывающего окна

Answer 2

Это специально отрицается в документации:

«Вы должны вызывать это только для пользовательского события, когда оно открывает всплывающее окно. Большинство браузеров блокируют всплывающие окна, если они не были инициированы пользовательским событием, например нажатием кнопки или ссылки."

Это также просто плохой UX.

Answer 3

Да, вам нужно вызвать его с событием пользователя, но строго с событием onclick, а не с любым другим:

<a href="#" onclick="fbLogin()"> Login</a> <!-- works -->

<a href="#" onmousedown="fbLogin()"> Login</a> <!-- doesnt work -->

<a href="#" onmouseup="fbLogin()"> Login</a> <!-- doesnt work -->

Answer 4

Не было бы смысла в существовании блокировщиков всплывающих окон, если бы вы могли просто кодировать их.Вам нужно либо найти метод, который не использует всплывающее окно, либо потребовать некоторого взаимодействия с пользователем в браузере, чтобы открыть всплывающее окно.

Answer 5

Если вы попытаетесь открыть всплывающее окно автоматически, существует высокая вероятность того, что блокировщики всплывающих окон станут активными, насколько я знаю, это должно быть основано на каком-либо действии пользователя, например, нажатии кнопки. Попробуйте выполнить этот код одним нажатием кнопки, он должен работать.