繁体 English 中英

反应中的网站图标/标签通知

[英]Favicon / tab notifications in react

原文 2020-01-05 10:32:32 4 1 html/ reactjs/ notifications/ material-ui/ favicon

当我的窗口选项卡模糊时，我想向我的网站图标添加通知。 我正在使用 react 和 material ui（使用打字稿）。

我可以想象这是一个非常常见的用例，但我似乎无法找到一个简单的解决方案。 有什么建议？

1 个解决方案

您可以创建一个包含通知指示器的图标版本，然后使用以下方法更改图标：

document.querySelector("link[rel*='icon']").href = "favicon.ico"; ?

更改选项卡上的更改图标

[英]Change Favicon on Tab Change

Angular Favicon 不在选项卡中呈现？

[英]Angular Favicon not rendering in tab?

Favicon未显示在浏览器选项卡中

[英]Favicon Not Showing Up In Browser Tab

修复加载2 Favicon或Tab图标

[英]Fix loading 2 Favicon or Tab icon

无法在浏览器标签上删除favicon

[英]Cannot remove favicon on browser tab

Favicon没有出现在浏览器选项卡中

[英]Favicon does not appear in browser tab

React 中的 Favicon 不会更新

[英]Favicon in React will not Update

如何为网站添加浏览器选项卡图标（favicon）？

[英]How to add a browser tab icon (favicon) for a website?

Favicon 显示在浏览器选项卡上，但不在 Firefox 中的书签上

[英]Favicon shows on a browser tab but not on a bookmark in Firefox

有没有办法在 react-static 中添加图标？

[英]Is there a way to add a favicon in react-static?

暂无

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 更改选项卡上的更改图标 Angular Favicon 不在选项卡中呈现？ Favicon未显示在浏览器选项卡中修复加载2 Favicon或Tab图标无法在浏览器标签上删除favicon Favicon没有出现在浏览器选项卡中 React 中的 Favicon 不会更新如何为网站添加浏览器选项卡图标（favicon）？ Favicon 显示在浏览器选项卡上，但不在 Firefox 中的书签上有没有办法在 react-static 中添加图标？

相关标签

粤ICP备18138465号 © 2020-2024 STACKOOM.COM