favicon 相关问题

根据 Twitter bootstrap 文档，您可以按如下方式设置 apple-touch-icon-precomposed 图标和常规图标：根据 Twitter 引导文档，您可以按如下方式设置 apple-touch-icon-precomposed 图标和常规图标： <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png"> <link rel="shortcut icon" href="assets/ico/favicon.png"> 这一切都很好，但我似乎找不到任何实际使用这些链接标签来执行此操作的主要网站 - 是否有理由或其他方法使图标可用？我查过：谷歌冰脸书推特主页主要网站是否使用 apple-touch-icon-precomposed favicons？如果是这样，他们在哪里/他们是如何做到的？如果没有，为什么不呢？如果将它们直接包含在文档根目录下也可以。我们的网站遇到问题，Apple 无法找到图标。不过，我没有参与其中，只是听说过，但解决方案是将图标直接放在文档根目录下。我正在测试此处提供的这些选项，我有与帖子中相同的问题。如果那一堆线还在用的话。我正在我的网站Maquete eletronica上测试它，我将在这里更新搜索引擎，我会回到这里并为将来搜索过的人发布结果（缺少很多关于favicon 和爬虫） PS.：我正在 Duck、Bing 和 Google 上进行测试

html favicon

回答 2 投票 0

图标未显示

我将我的图标放在这里： http://www.vittoriosastarsnursery.com/favicon.ico 但由于某种原因它不想在 Firefox 中显示。它确实在 IE 中有效，但我更关心让它工作......

html browser favicon

回答 13 投票 0

如何更改搜索引擎图标？

我有一个网站，现在已经发布了。问题是它仍然在搜索引擎中显示示例中的 React 图标，我不知道如何更改它。标头：我有一个网站，现已发布。问题是它仍然在搜索引擎中显示示例中的 React 图标，我不知道如何更改它。标题： <head> <meta charset="utf-8"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content="#000000"> <meta name="description"> <link rel="apple-touch-icon" href="/logo.svg"> <link rel="manifest" href="/manifest.json"> <title>----------</title> <script defer="defer" src="/static/js/main.60353bf7.js"></script> <link href="/static/css/main.f855e6bc.css" rel="stylesheet"> <style>:is([id*='google_ads_iframe'],[id*='taboola-'],.taboolaHeight,.taboola-placeholder,#credential_picker_container,#credentials-picker-container,#credential_picker_iframe,[id*='google-one-tap-iframe'],#google-one-tap-popup-container,.google-one-tap-modal-div,#amp_floatingAdDiv,#ez-content-blocker-container) {display:none!important;min-height:0!important;height:0!important;}</style> <style data-emotion="css" data-s=""></style> </head> 清单： { "short_name": "---------", "name": "-----------", "icons": [ { "src": "favicon.ico", "sizes": "64x64 32x32 24x24 16x16", "type": "image/x-icon" }, { "src": "logo192.png", "type": "image/png", "sizes": "192x192" }, { "src": "logo512.png", "type": "image/png", "sizes": "512x512" } ], "start_url": ".", "display": "standalone", "theme_color": "#000000", "background_color": "#ffffff" } 我多次尝试更改图标，但没有任何帮助。您只需将 favicon.ico 替换为您想要使用的即可。确保将 favicon.ico 替换为您正在使用的文件。这篇文章解释得很好。找到一个新的图标来替换默认的 React 图标。谷歌图片搜索图标/表情符号并将您喜欢的图像保存在您的电脑。最好找到 .png 格式且具有透明背景。对于这个“待办事项列表”示例，我搜索了一个绿色的复选标记图标，并将其保存到我的桌面。

favicon google-search

回答 1 投票 0

next14：我看不到我的favicon.ico，尽管我设置了public和metaData

导出const元数据：Metadata = { 标题：“标题”，描述：“描述”，图标：{ 图标：“/favicon.ico”， }, }; 这是/app/layout.tsx。这是

next.js favicon

回答 1 投票 0

使用 JSX 在 Next.js 项目中集成自定义 Favicon 时遇到的问题

我正在开发一个 Next.js 项目，其中使用 JSX 而不是 TSX。我想为我的网站设置一个自定义图标，并确保它在所有页面上正确显示。但是，我不确定公关...

next.js favicon

回答 1 投票 0

无法让我的图标显示在主页上

无法让我的网站图标显示在 Google Chrome 的主页上，它在 Firefox 上显示没有问题......并且已定义。确实显示该网站图标显示在 Chrome Mobile 视图上，但不显示

html favicon

回答 1 投票 0

设置自定义 favicon.ico / nextJS 应用程序 (Firebase)

我在 firebase 上有一个 nextJS 应用程序，它是在终端上使用以下命令创建的： % npx create-next-app@latest % cd myapp % firebase 实验：启用网络框架 % firebase 初始化

firebase next.js favicon

回答 1 投票 0

使用react-hook在 safari 上设置动态图标

我有一个简单的react-hook应用程序，它使用next.js，我尝试动态更新收藏夹图标。所以在我的 index.js 中我有：从“反应”导入反应；从“next/head”导入头；我...

reactjs react-hooks next.js favicon

回答 3 投票 0

为什么我的网站图标没有显示在搜索引擎中？

我在线托管我的网站，我的 HTML 页面包含以下内容：

html favicon google-search

回答 1 投票 0

HTML5`<link rel="shortcut icon" />`

HTML5 的 WHATWG 文档规定 rel 属性必须包含以空格分隔的值，然后它给出了允许值的表。属性的值必须是一组空格-

html favicon

回答 4 投票 0

为什么我的网站图标没有在线显示？

我在线托管我的网站，我的 html 页面包含以下内容：

html amazon-web-services amazon-s3 favicon google-search

回答 1 投票 0

每次清除缓存后 Favico 才会显示

我有一个页面，其中index.html有一个head标签，其中包含一个带有favico.svg的链接标签：我有一个页面，其中index.html有一个head标签，其中包含一个带有favico.svg的链接标签： <link rel="manifest" href="./manifest.json"> <link rel="shortcut icon" type=“image/x-icon” href="./images/Site_Favicon.svg"> <link rel="icon" type=“image/x-icon” href="./images/Site_Favicon.svg"> 在manifest.json中我有： "icons": [ { "src": "./images/Site_Favicon.svg", "sizes": "any", "type": "image/svg+xml" } ], SVG 文件位于公共文件夹的图像子文件夹中。每次加载页面时，图标都会正常加载，但每次单击链接时，都会打开一个新选项卡（同一网站，只是不同的页面），图标将无法加载。如果我清除网站 cookie 和缓存并重新加载新选项卡，则会显示网站图标。如果我关闭新选项卡，然后重新打开它，图标就会消失，直到我再次清除所有内容。因此，当我在新选项卡中打开主页之外的链接时，我必须清除站点 cookie 和缓存才能每次显示图标。如果您在本地开发，则硬刷新即可。如果它位于执行大量缓存的服务器上，您可以通过将参数传递给 href 来欺骗浏览器，如下所示 <link rel="icon" type=“image/x-icon” href="./images/Site_Favicon.svg?v-2"> 。浏览器会认为这是一个新文件。

html svg favicon

回答 1 投票 0

favicon.ico需要添加链接标签吗？

是否有任何现代浏览器无法自动检测 favicon.ico？有什么理由为 favicon.ico 添加链接标签吗？我的朋友...

html favicon

回答 6 投票 0

如何向 Pelican 博客添加网站图标？

我正在使用 Pelican 创建一个静态网站，但我对如何向其添加网站图标感到困惑。我在文档中看到：您还可以使用 EXTRA_PATH_METADATA 机制来放置

python favicon pelican

回答 4 投票 0

favicon 相关问题

最新问题