V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
mfsw
V2EX  ›  前端开发

在 iPhone safari 选择添加到书签后,书签里不显示网站的图标,怎么破?

  •  
  •   mfsw · 50 天前 · 644 次点击
    这是一个创建于 50 天前的主题,其中的信息可能已经有所发展或是发生改变。
    如题,请诸位大佬指教下:
    除了 safari 的书签和个人收藏这两个位置的图标。其他地方的图标都可以显示。

    通过 safari 添加网站到主屏幕,和切换标签时都是可以显示正常的图标的。

    chrome 无论是 Windows 桌面版,还是 ios 版,都可以显示图标。

    代码如下,请诸位大佬指点下,万分感谢。

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>亮</title>
    <link rel="stylesheet" href="form4.css">

    <!-- -->
    <link rel="apple-touch-icon" sizes="180x180" href="favicon/favicon-apple-touch-icon-180x180.png">

    <link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="48x48" href="favicon/favicon-48x48.png">
    <link rel="icon" type="image/png" sizes="64x64" href="favicon/favicon-64x64.png">
    <link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="120x120" href="favicon/favicon-120x120.png">
    <link rel="icon" type="image/png" sizes="128x128" href="favicon/favicon-128x128.png">
    <link rel="icon" type="image/png" sizes="152x152" href="favicon/favicon-152x152.png">
    <link rel="icon" type="image/png" sizes="167x167" href="favicon/favicon-167x167.png">
    <link rel="icon" type="image/png" sizes="180x180" href="favicon/favicon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192" href="favicon/favicon-192x192.png">
    <link rel="icon" type="image/png" sizes="512x512" href="favicon/favicon-512x512.png">
    <!-- -->

    </head>

    <body>
    </body>
    </html>
    6 条回复    2024-11-05 13:11:52 +08:00
    cat
        1
    cat  
       50 天前
    <link rel="shortcut icon" href="/favicon.png"/>
    <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>

    我一般就写这两个,都能显示…
    mfsw
        2
    mfsw  
    OP
       50 天前
    @cat 感谢指点,我试试您的写法。
    您这两个图标分辨率都是多少的?
    cat
        3
    cat  
       50 天前
    favicon.png 64x64
    apple-touch-icon.png 180x180
    mfsw
        4
    mfsw  
    OP
       49 天前
    @cat 放弃了。不知道哪里出了问题。
    收藏夹图标就是显示不出来。其他位置的图标没有问题。
    感谢 C 大佬指教。
    cat
        5
    cat  
       49 天前
    @mfsw 换个图片试试?
    mfsw
        6
    mfsw  
    OP
       49 天前
    @cat 换了很多次图标,都不行。应该不是图标的问题。
    比如,我直接下载 youtube 的图标,替换掉我自己的图标,结果就是,油管可以显示收藏夹图标,,我的网站无法显示替换之后的图标。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1018 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 20:49 · PVG 04:49 · LAX 12:49 · JFK 15:49
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.