history.pushState 在 Chrome 中提出网站图标请求

Question

代码：

var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname +"?"+ queryStr; 
window.history.pushState({path:newurl},'',newurl)

当前情况：

每次调用 window.history.pushState() 时都会出现网站图标请求 rapidly.It 每次调用此函数时都会对网站图标进行网络请求。

预期情况：

favicon 应该只在页面加载时加载一次，我不希望 window.history.pushState().

的每个请求都加载 favicon

favicon 路径是 link 就像在 HTML 页面中这样：

<!-- Favicon -->
  <link rel="icon" type="image/png" href="../img/icon/favicon-16x16.png" sizes="16x16">
  <link rel="icon" type="image/png" href="../img/icon/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="../img/icon/favicon-96x96.png" sizes="96x96">

我们将不胜感激任何直接的帮助。谢谢

Answer 1

它看起来像是 Chromium 浏览器中的错误。请参阅 this 未决问题。

但如果您使用 base64 图片，似乎有一个解决方法，因为 href 请求不会发生。

<link rel="icon" type="image/png" href="data:image/png;base64,iVBORw0KGgo=">

参见this问题。

history.pushState 在 Chrome 中提出网站图标请求

history.pushState in Chrome make favicon request

html

javascript

favicon

pushstate