编程语言
首页 > 编程语言> > javascript-导航到其他页面时(Chrome中)收藏夹图标消失

javascript-导航到其他页面时(Chrome中)收藏夹图标消失

作者:互联网

在Rails应用程序中遇到问题:收藏夹图标正确加载,但是当我导航到应用程序的另一个页面时,收藏夹图标消失了.这似乎只发生在Chrome(v64)中.

layouts / application.html.erb

<!-- Favicon -->
<%= favicon_link_tag 'favicon.ico', rel: "icon" %>
<%= favicon_link_tag 'favicon.ico', rel: "shortcut icon" %>

我在app / assets / images中有favicon.ico文件,并且在公用文件夹中还有另一个副本作为后备.

重新加载/刷新页面会再次显示该图标,但是如果我单击一个链接,它将在下一页加载时消失.

Turbolink似乎运行良好–网站图标< link>标签在< head>中页面加载后,尽管它似乎已经与新页面的标题,元描述等一起被重新加载.

解决方法:

奇怪的是,事实证明是将苹果触摸图标放在图标中的< head>中.解决它.我不知道为什么,但是有效.向Ari Summer致以discovering the fix的荣誉.

<%# Apple Touch Icon %>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<%# Favicon %>
<link rel="shortcut icon" href="/favicon.png">

标签:turbolinks,google-chrome,favicon,javascript,ruby-on-rails
来源: https://codeday.me/bug/20191109/2013095.html