SolidJS移动端应用图标显示异常：安卓Chrome主屏显示“1”而非Logo

• 检查manifest.json图标配置
  确保manifest.json中icons字段包含适配安卓Chrome的尺寸，至少要有192x192和512x512的PNG图标，路径必须与项目实际文件位置匹配，示例配置：

  {
    "icons": [
      {
        "src": "/icons/icon-192x192.png",
        "sizes": "192x192",
        "type": "image/png"
      },
      {
        "src": "/icons/icon-512x512.png",
        "sizes": "512x512",
        "type": "image/png"
      }
    ]
  }
  

• 补全meta图标标签
  在页面<head>中添加备用图标标签，覆盖兼容场景：

  <link rel="icon" href="/icons/icon-192x192.png" sizes="192x192" type="image/png">
  <link rel="apple-touch-icon" href="/icons/icon-192x192.png">
  

• 清除Chrome缓存与站点数据
  安卓Chrome会缓存旧图标数据，需手动清除：打开Chrome菜单→设置→隐私和安全→清除浏览数据，勾选「缓存的图片和文件」「站点设置」，清除后重新加载页面再尝试添加到主屏幕。

• 验证图标文件有效性
  确保图标为纯PNG格式（避免SVG，安卓Chrome对其支持不稳定），尺寸符合要求，无透明通道异常或内容截断问题，建议重新导出标准尺寸的图标文件。

• 确认manifest正确加载
  检查页面的manifest引入标签是否正确：

  <link rel="manifest" href="/manifest.json">
  

  可通过Chrome开发者工具的「Application→Manifest」面板查看是否加载正常，有无报错。

• 测试无缓存加载
  打开Chrome开发者工具，勾选「禁用缓存」，刷新页面后再尝试添加到主屏幕；也可访问chrome://appcache-internals/删除对应站点的缓存数据。

内容的提问来源于stack exchange，提问作者akerbeltz