[已解决]图标在Safari不显示但是在Google能显示是为什么捏

好故事慢慢来 · 发表于 2023-7-27 16:00:13

马上注册，结交更多好友，享用更多功能^_^

您需要登录才可以下载或查看，没有账号？立即注册

x

源码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="keywords" content="小甲鱼,Web开发,HTML5,CSS3,Web编程教学">
<meta name="description" content="《零基础入门学习Web开发》案例演示">
<meta name="author" content="鱼C工作室">
<title>鱼C工作室</title>
<style>
      h1{
         text-align: center;

      }
      p{
         text-align: center;
         font-size: 22px;
      }
      img{
         position: absolute;

         margin-top: -10%;
         margin-left: 60%;
      }
</style>
<link rel="icon" type="image/x-icon" href="IMG_0271.ico">
</head>
<body>
<h1>纪念王小波</h1>
<p>不愿清醒，宁愿一直沉迷放纵。</p>
<p>不知归路，宁愿一世无悔追逐。</p>
<img src="img/1.png" alt="王小波">
</body>
</html>

<link>处到图标不在Safari中显示，应该怎么改呢

最佳答案

月排行榜 / 总排行榜

歌者文明清理员

2023-7-27 17:31:57

好故事慢慢来发表于 2023-7-27 16:48
绝对路径也不可以

那就用 chrome 吧，毕竟 chrome 是主流浏览器（safari 没有开发工具）

我用的 windows，不能测试你的代码

可能 safari 就是设置本地文件不显示图标吧

跳转到最佳答案楼层

琅琊王朝 · 发表于 2023-7-30 22:14:53

在Safari浏览器中无法显示图标的问题可能是由于以下原因导致的：

图标文件路径问题：确保你在<link>标签的href属性中正确指定了图标文件的路径。请确认文件路径和文件名的大小写是否与实际文件相匹配。注意，Safari对路径的大小写是敏感的，所以确保路径的大小写是准确的。

图标文件格式问题：Safari对图标文件格式的支持有一些限制。确保你的图标文件是ICO或PNG格式的，这两种格式在大多数浏览器中都有广泛支持。

缓存问题：如果之前尝试过在Safari中访问过相同页面，可能是因为浏览器缓存而导致图标没有立即更新。你可以尝试清除浏览器缓存，然后重新加载页面查看是否能够显示图标。

另外，需要注意的是，ICO格式的图标在不同浏览器和操作系统中可能存在兼容性问题。建议提供额外的PNG格式图标作为备选，以增加在不同浏览器中的兼容性。

如果仍然无法解决问题，可以尝试使用其他方式来设置网页图标，例如使用<link rel="apple-touch-icon">标签设置Safari浏览器的网页图标。

希望以上的解决方案能够帮助你解决问题。祝你成功！

liuhongrun2022 · 发表于 2023-7-27 17:48:54

好故事慢慢来发表于 2023-7-27 16:48
绝对路径也不可以

用其他浏览器，Chrome或者Edge

歌者文明清理员 · 发表于 2023-7-27 17:31:57

好故事慢慢来发表于 2023-7-27 16:48
绝对路径也不可以

那就用 chrome 吧，毕竟 chrome 是主流浏览器（safari 没有开发工具）

我用的 windows，不能测试你的代码

可能 safari 就是设置本地文件不显示图标吧

好故事慢慢来 · 发表于 2023-7-27 16:48:03

Mike_python小发表于 2023-7-27 16:40
绝对路径呢？

绝对路径也不可以

好故事慢慢来 · 发表于 2023-7-27 16:46:33

Mike_python小发表于 2023-7-27 16:40
绝对路径呢？

貌似只能这样

好故事慢慢来 · 发表于 2023-7-27 16:46:00

好故事慢慢来发表于 2023-7-27 16:39
这个我也尝试过了，google就是正常的，Safari就是不行

貌似只能这样

Mike_python小 · 发表于 2023-7-27 16:40:39

好故事慢慢来发表于 2023-7-27 13:39
这个我也尝试过了，google就是正常的，Safari就是不行

绝对路径呢？

好故事慢慢来 · 发表于 2023-7-27 16:39:00

歌者文明清理员发表于 2023-7-27 16:33
你给的截图里写的是 rel="shortcut icon"

这个我也尝试过了，google就是正常的，Safari就是不行

歌者文明清理员 · 发表于 2023-7-27 16:33:39

好故事慢慢来发表于 2023-7-27 16:29
好的好的，谢谢啦，但是为啥鱼c论坛的图标都能显示啊，这个是那个速查的网页的源码，我看他也是这样写的 ...

你给的截图里写的是 rel="shortcut icon"

好故事慢慢来 · 发表于 2023-7-27 16:29:22

歌者文明清理员发表于 2023-7-27 16:25
那可能就是 safari 特意设置的，因为 safari 和 chrome 本来用的就不是同一个内核

好的好的，谢谢啦，但是为啥鱼c论坛的图标都能显示啊，这个是那个速查的网页的源码，我看他也是这样写的啊

歌者文明清理员 · 发表于 2023-7-27 16:25:22

好故事慢慢来发表于 2023-7-27 16:23
还是不行很奇怪

那可能就是 safari 特意设置的，因为 safari 和 chrome 本来用的就不是同一个内核

好故事慢慢来 · 发表于 2023-7-27 16:23:28

歌者文明清理员发表于 2023-7-27 16:15
两行都要

还是不行很奇怪

歌者文明清理员 · 发表于 2023-7-27 16:15:01

好故事慢慢来发表于 2023-7-27 16:12
改成href="./IMG_0271.ico"还是不行

两行都要

<link rel="apple-touch-icon" href="IMG_0271.ico">

复制代码

好故事慢慢来 · 发表于 2023-7-27 16:12:25

isdkz 发表于 2023-7-27 16:00
在您的代码中，图标没有在Safari中显示的问题可能是因为 Safari 在处理图标路径时与其他浏览器稍有不同。在 ...

改成href="./IMG_0271.ico"还是不行

好故事慢慢来 · 发表于 2023-7-27 16:11:02

歌者文明清理员发表于 2023-7-27 16:08
把 href="IMG_0271.ico" 换成 href="./IMG_0271.ico" 试试？

试过了还是不行，不知道为什么

歌者文明清理员 · 发表于 2023-7-27 16:08:48

好故事慢慢来发表于 2023-7-27 16:07
代码和上面的一样，但是google能显示

把 href="IMG_0271.ico" 换成 href="./IMG_0271.ico" 试试？

好故事慢慢来 · 发表于 2023-7-27 16:07:10

歌者文明清理员发表于 2023-7-27 16:01
有图片吗？

代码和上面的一样，但是google能显示

歌者文明清理员 · 发表于 2023-7-27 16:06:14

陶远航发表于 2023-7-27 16:00
在给出解决方案之前，我需要说明一下，在中国境内开展的AI服务是受到法律法规的管制的，特别是对于未成年人 ...

《在给出解决方案之前，我需要说明一下，在中国境内开展的AI服务是受到法律法规的管制的，特别是对于未成年人的保护问题。作为AI助手，我将遵守相关法律法规，并遵循不向未成年人提供过于复杂或不适当的信息的原则。》

歌者文明清理员 · 发表于 2023-7-27 16:01:51

有图片吗？

账号		自动登录	找回密码
密码			立即注册

[已解决]图标在Safari不显示但是在Google能显示是为什么捏

马上注册，结交更多好友，享用更多功能^_^

浏览过的版块