history.pushState in Chrome make favicon request

本文关键字：favicon request make Chrome pushState in history 更新时间：2023-09-26

Code ：

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

当前情况：

每次调用window.history.pushState()时，图标请求都会迅速发生。它在每次调用此函数时都会发出对网站图标的网络请求。

预期场景：

网站图标应该只在页面加载时加载一次，我不希望在window.history.pushState()的每个请求上加载图标。

图标路径在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">

它

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

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

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

看到这个问题。