☰

在 Google Chrome 中按住 Command 键并单击链接会加载页面但不呈现它（常规单击有效）

tag-icon • tag-icon google-chrome hyperlink rendering source-code
在 Google Chrome 中按住 Command 键并单击链接会加载页面但不呈现它（常规单击有效）

我正在建立一个网站svija.love。

我们收到投诉称，当有人在 Chrome 中点击 Facebook 指向该网站的链接时，他们只会看到一个空白页。

我已经重现了这种行为：如果我点击 WhatsApp 网页中的链接，它会在新选项卡中打开。

如果我按住 Command 键并单击指向该网站的链接，则页面似乎加载（正确的图标，加载栏等），但它只是一个白页。

如果我使用Web 检查器，页面立即正确显示。

如果我重新加载该页面可以正确加载。

就像浏览器一样等待某事在绘制页面之前，某些东西永远不会出现。

另外，如果我仅单击链接（而不是命令单击），页面就会正确加载。

有人知道可能会发生什么吗？

答案1

特雷博尔的回答webmasters.stackexchange.com帮我想出了一个可以澄清问题的测试。

以下代码可访问文件.svija.love/chrome/test.html：

<html><head><script>

  t = 0;

  function updateTitle(){
     t += 10;
     document.title=t + ': ' + window.outerWidth;
     }

   x = window.setInterval(updateTitle, 10);

</script></head><body></body></html>

该脚本将页面标题设置为等于 window.outerWidth。

您可以按住 Command 键并单击该链接，然后观察相邻选项卡标题中 outerWidth 值的变化。

在 Chrome 中，它被设置为零，直到窗口获得焦点。

有趣的是，setinterval 函数也以大约 1/10 的速度运行，直到窗口获得焦点。

此答案也发布于webmasters.stackexchange.com。

相关内容