如何用Python获取非API加载的动态图片URL？疑问与解决方案探讨

一、页面内容的加载方式 #

这个页面是典型的单页应用（SPA），初始HTML仅提供页面骨架（比如空的yb-details-wrapper容器），商品数据和图片URL是在页面加载完成后，由前端JavaScript动态渲染到页面中的。

常见的加载逻辑有两种可能：

• 数据内嵌在页面的script标签中：很多SPA会把初始需要的商品数据直接打包在页面的script代码里（比如类似window.__INITIAL_DATA__ = {...}的格式），前端读取这个数据后直接渲染页面，不会发起额外的API请求。你可以检查初始HTML源码里的所有script标签，搜索包含productImages或者商品ID6223421的内容，大概率能找到对应的JSON数据。
• 你漏看了API请求：有些情况下，数据是通过XHR/fetch请求获取的，但可能请求的URL不包含明显关键词，或是POST请求，又或者被归类在其他请求类型里（比如在Network面板里选"All"而非只看XHR）。可以尝试在Network面板里过滤商品ID6223421，或者查看请求返回的响应体，寻找包含图片URL的内容。

二、获取图片URL的最佳方式，是否只能用Selenium？ #

不是必须用Selenium，优先尝试以下两种更轻量的方案：

方案1：提取页面内嵌的初始数据 #

打开目标页面的初始源码（右键查看页面源代码），搜索script标签里的JSON数据。比如你可以用正则匹配类似"productImages"的字段，或者直接搜索商品ID6223421，找到对应的商品数据块后，解析JSON就能直接拿到图片URL。

举个示例（假设找到内嵌数据）：

// 页面中可能存在的script内容格式
window.__PRODUCT_DETAILS__ = {
  "p_uid": "6223421",
  "imageUrl": "https://img.pospal.cn/productImages/4560246/1b7f3337-f67b-43c1-9b9c-b2817bdfd0e9_640x640.jpeg"
}

你可以用Python的re模块匹配这段JSON，再用json.loads解析提取URL。

方案2：重新排查网络请求 #

打开浏览器开发者工具的Network面板，刷新页面后：

• 切换到"All"标签，过滤关键词6223421或者product；
• 检查每个请求的响应体，尤其是JSON格式的响应，查看是否包含商品图片信息；
• 如果是POST请求，注意查看请求参数里是否携带了商品ID。

方案3：使用无头浏览器（Selenium/Playwright） #

如果以上两种方案都找不到数据，再考虑用Selenium或Playwright。这类工具会模拟真实浏览器加载页面，等待JavaScript渲染完成后，直接定位yb-details-photo下的img元素，提取其src属性。

示例（Python + Selenium）：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

driver = webdriver.Chrome()
driver.get("https://allinone.pospal.cn/m#/details/6223421")

# 等待图片元素加载完成
img_element = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.CSS_SELECTOR, ".yb-details-photo img"))
)
img_url = img_element.get_attribute("src")
print(img_url)

driver.quit()

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