如何自定义iOS Smart Banners原生智能横幅主题样式

公开技术文档中关于「智能横幅不支持自定义样式」的描述是准确的，面向普通开发者开放的标准智能横幅接口确实没有开放自定义能力，你观察到的自定义配色原生横幅属于非公开的合作专属能力，具体逻辑如下：

• 标准原生智能横幅的接入方式非常单一，仅需要在页面头部添加meta标签：<meta name="apple-itunes-app" content="app-id=应用对应的App Store ID">。这个接口没有提供任何样式、内容的自定义参数，默认渲染系统统一的浅灰色样式，横幅由Safari在网页内容区之外渲染，网页代码无权修改其样式。
• Deliveroo站点展示的带品牌配色的原生横幅，是苹果面向头部签约开发者开放的私有配置能力：达到合作门槛的开发者可以在App Store Connect的关联域名配置模块，上传品牌主色、定制展示素材，当用户设备安装了对应App、访问品牌绑定的域名时，Safari会直接匹配本地App的关联配置，拉取品牌定制素材渲染横幅，整个渲染过程不依赖网页内的代码，因此你检查网页元素时找不到对应DOM节点。
• 这个私有配置通道没有公开申请入口，仅对和苹果达成商务合作、流量规模达标的应用开放，普通开发者无法接入使用。
• 你看到的原生横幅下方运行异常的模块，是站点自行开发的前端DOM组件，作用是给未安装App、不满足原生横幅触发条件的用户展示引流提示，这类组件完全由站点代码控制，可以随意修改样式，也会正常出现在网页HTML结构中。

快速验证方法：卸载设备上的Deliveroo应用后重新访问站点，系统渲染的自定义配色原生横幅会直接消失，页面只会保留站点自研的仿冒横幅组件。

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