Tag: web

在 iOS Safari 中，顶部“下载/打开 App”大概率来自 Smart App Banner，而“点链接直接跳转 App”通常是 Universal Links。

<meta name="apple-itunes-app" content="app-id=544007664">

YouTube 能显示“下载 YouTube”是因为网页声明了与 App Store App 绑定的 apple-itunes-app。

如果带上 app-argument，用户点击“打开”可跳转到指定内容页：

<meta
  name="apple-itunes-app"
  content="app-id=544007664, app-argument=https://www.youtube.com/watch?v=dQw4w9WgXcQ"
>

如果 App 未上架 App Store，这一步无法生效，因为 app-id 无法对应有效应用。

Universal Links（网页链接直接唤起 App）

你要额外配置苹果的关联域：网站提供 apple-app-site-association，App 开启 Associated Domains。

https://www.youtube.com/.well-known/apple-app-site-association

{
  "applinks": {
    "details": [
      {
        "appIDs": ["TEAMID.com.google.ios.youtube"],
        "components": [
          {
            "/": "/*"
          }
        ]
      }
    ]
  }
}

快速判断

Safari 顶部提示“下载/打开 App” → Smart App Banner
点击 YouTube 链接直接切到 App → Universal Links
想让“打开”跳具体内容页：app-argument + App 内处理深链

根据 2026 年最新实测数据，简单有效的 email 地址防爬虫方法：

纯文本 email

方法	阻止率
无保护	0%
HTML Entities	95%
HTML 注释	98%
HTML SVG	100%
CSS display: none	100%
JS 拼接	100%
JS 转换 (自定义函数)	100%
JS AES 加密	100%

可点击 mailto 链接

方法	阻止率
无保护	0%
HTML Entities	100%
URL 编码	96%
HTTP 重定向	100%
HTML SVG	100%
JS 拼接	100%
JS 转换	100%
JS AES 加密	100%

推荐方案

最简单且有效：CSS display: none + 变化诱饵标签

<div class="email">ad@<span>email.</span>spencermortensen.<span>example.</span>com</div>

div.email > span:nth-child(2) { display: none; }

无 JS 依赖，完全无障碍可用。

推荐方案：JS 转换（自定义函数）

<span id="email">zibby example com</span>

const map = { zibby: 'hello', example: 'gmail', com: 'com' };
// 自定义转换逻辑

原理：HTML 源码只有乱码，需要在浏览器端用 JS 转换才能得到真实 email。

最强方案：JS AES 加密（需 HTTPS）

<span class="email">Kreuz2xa6xB8Fpjaa0lFgACNLO6n_Auu1CGjcG8z_Ec</span>

使用浏览器内置 SubtleCrypto 进行 AES-256 加密。

不推荐（破坏可用性）

符号替换 (ag AT email DOT com) - 用户需手动还原
图片 - 无法复制、屏幕阅读器无法读取
CSS content - 文本不可选中
CSS 文字方向反转 - 复制后是反的

关键发现：大多数爬虫很简单，即使最基础的混淆技术也能阻止 95% 以上的爬虫。建议组合使用多种技术。

来源: Email obfuscation: What works in 2026?

Safari 提示可下载 App 的机制