动态og：Facebook共享按钮的图像

Question

与此medium article类似，其中显示不同文章的自定义og：image，og：title和og：description，当点击facebook分享按钮时，会打开一个弹出窗口，让用户输入消息，下面是从元标记中获取的图像/标题/描述（og：图像，og：标题等）

当用户点击Facebook分享按钮时，我会使用javascript动态地将元标记更改为自定义图像/描述

document.head.querySelector("[property='og:image']").setAttribute("content", image_url)

问题是当点击fb共享按钮时图像根本没有出现 - 当我输入url进入共享调试器它可以工作，但在实际的网站上却没有

Answer 1

不确定你的目标是什么，但是你将无法使用Javascript设置og：图像，因为当自己的服务器请求该URL时，facebook正在从url返回的HTML中获取图像URL等。它没有从客户端获取数据。