网站内嵌Amazon页面iframe，能否读取用户点击商品的价格？

核心问题是浏览器同源策略限制：你的网站与Amazon域名不同，浏览器会阻止父页面直接访问iframe内Amazon页面的DOM元素，所以你无法直接读取iframe里的商品价格。

以下是可行的解决思路：

1. 替换iframe为Amazon官方API调用 #

放弃iframe，改用Amazon的Product Advertising API（或对应地区的Affiliate API）获取商品数据：

• 调用API获取目标商品的ASIN、标题、价格、官方跳转链接等信息
• 在你的网站上自行渲染商品展示模块（比如卡片、列表）
• 用户点击时，直接跳转到你通过API拿到的Amazon商品链接，此时你已经提前获取了该商品的价格数据，完全不存在跨域问题

2. 通过后端中转获取价格（保留跳转流程） #

如果必须保留现有点击跳转的流程，可以通过后端服务中转：

• 给iframe内的商品跳转链接添加自定义参数（比如?asin=商品ASIN码），让跳转先经过你的后端接口
• 后端接收到请求后，调用Amazon API查询该ASIN对应的价格，将价格存入你的系统（比如用户会话、数据库）
• 后端再重定向到官方的Amazon商品页
• 之后你可以从系统中取出该价格展示在你的网站上

3. 使用Amazon官方嵌入组件 #

Amazon提供了官方的嵌入工具（比如Amazon Associates SiteStripe、Product Links），这些组件是合规的：

• 直接通过官方工具生成嵌入代码，添加到你的网站
• 这些组件会自动加载商品数据（包括价格），且不会触发跨域限制，同时符合Amazon的Affiliate条款

重要提醒 #

• 任何绕过浏览器同源策略的尝试（比如第三方脚本、跨域漏洞利用）都是不安全的，且可能违反Amazon的服务条款，导致你的Affiliate账号被封禁
• 所有获取Amazon商品数据的操作必须遵守其官方的API使用规则和Affiliate协议

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