如何识别Kajabi站点CTA背景图片？克隆迁移至WordPress实操问题

查找CTA模块图片的具体操作方法 #

• 用网络面板捕获全量图片请求
  打开目标页面后按F12调出Chrome开发者工具，切换到「网络」标签，在顶部过滤器里选择Img分类，刷新页面后所有加载的图片都会在列表中展示。点击列表中的任意项，右侧「预览」标签可查看图片内容，找到CTA对应的图片后，可直接在预览区右键保存，也可以复制「标头」面板里的请求URL，粘贴到地址栏单独下载。
• 排查CSS背景图
  大部分CTA模块的配图不会用<img>标签嵌入，而是设置为区块的背景图。右键点击CTA图片区域选择「检查」，在右侧「样式」面板中搜索background或url字段，就能找到background-image: url(图片地址)的规则，复制括号内的图片地址即可下载。
• 捕获懒加载图片
  如果刷新后网络面板没有找到对应图片，先清空面板的所有记录，再手动滚动页面到CTA模块位置，等图片完全展示后再查看网络面板的Img列表，懒加载资源只会在进入可视区域后发起请求，此时就能捕获到对应地址。
• 全局搜索资源路径
  以上方法都找不到的话，按Ctrl+Shift+F（Windows系统）/Cmd+Opt+F（Mac系统）调出开发者工具全局搜索框，输入.jpg、.png、.webp等图片后缀，所有页面代码、样式、脚本中包含的图片地址都会被检索出来，逐个查看即可定位目标资源。

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