Как изменить Название Shopify, если вкладка Браузер активна или нет

Question

Я пытаюсь сделать это в Shopify.

Если у пользователя активна вкладка браузера (измените заголовок страницы на сообщение A) и если вкладка не активна (измените заголовок страницы, чтобы показать сообщениеБ).

Почему-то в моем коде что-то отсутствует или неправильно.

Я вставляю этот код в заголовок файла: theme.liquid

<script>
      $(function () {
          leftTitle = 'Message A'; 
          backTitle = 'Message B';

          $(window).blur(function () {
              page.title = leftTitle;
          });

          $(window).focus(function () {
              page.title = backTitle;
          });
      });

    </script>

Любой совет?

Answer 1

Я сам нашел решение:

<script>
  var message = "Insert your message here";
  var original = document.title;

  window.onblur = function () { document.title = message; }
  window.onfocus = function () { document.title = original; }
</script>

Answer 2

Я думаю, что вы пытаетесь использовать document.title = leftTitle; и document.title = backTitle;

page не существует в браузерах изначально, если вы не заявили об этом раньше, поэтому page.title не существуетизменить что-нибудь;это должно дать вам ошибку консоли.

var leftTitle = 'Blurred'; 
var backTitle = 'Focused';

window.onblur = function () {
    console.log("Blur");
    document.title = leftTitle;
};

window.onfocus = function () {
    console.log("Focus");
    document.title = backTitle;
};

console.log("Event listeners initialized.");