首页有锁标 商品页却提示不安全 混合内容怎么找
现象#
同一个域名,首页地址栏正常,商品详情页显示「不安全」;Console 出现 Mixed Content 警告,指出某张图片仍是 http 地址。
原因#
- 主题文件里硬编码了 http:// 的图片、字体或脚本地址,HTTPS 页面加载时被判为混合内容。
- 富文本描述里粘贴的是旧图床的 http 链接,只有含该商品的页面才触发。
- 第三方评论或视频插件返回的 embed 代码仍是 http 版本。
- CSS 中用 url(http://...) 引入背景图或字体,只有 Network 面板才会暴露。
处理步骤#
- 在出问题的页面打开 DevTools,Console 与 Network 各筛一次
http://。 - 搜
grep -rn "http://"定位主题里的硬编码地址。 - 图片统一用
{{ 'hero.jpg' | asset_url }}输出,避免写死域名。 - 把第三方 embed 换成服务商提供的 https 版本,或直接删掉那段脚本。
- 清 CDN 与浏览器缓存后重载,确认 Console 不再报 Mixed Content。
验收标准#
所有页面 Console 无混合内容告警,地址栏锁标一致,Network 里没有 http 资源。
本文由 风格技术 技术团队整理,适用于 Shopify 标准版与 Plus 店铺。Shopify 平台能力迭代较快,具体操作路径与字段以官方文档和店铺后台实际版本为准。