Question

我正试图在Shopify中完成此任务。

如果用户激活浏览器选项卡（将页面标题更改为消息A）并且选项卡未激活（更改页面标题以显示消息B）。

出于某种原因，我的代码中缺少某些内容。

我将此代码插入文件的标题：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

我认为您正在尝试使用IIF( Query= "" OR ISEMPTY(Query), ( [Code].[_KeyQuery].[ALL] ,[Measures].[Value] ) ,IIF( TupleOrSet = "T" ,StrToTuple('('+ Query +',[Measures].[Value])') ,AGGREGATE( StrToSet('{'+ Query +'}'), [Measures].[Value]) ) )和document.title = leftTitle;

浏览器本身不存在

document.title = backTitle;，除非您之前已经声明过，因此page不会改变任何内容;它会给你一个控制台错误。

page.title

Answer 2

我自己找到了解决方案：

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

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

如果“浏览器”选项卡处于活动状态，如何更改Shopify标题

2 个答案: