嵌入Instagram脚本致WordPress页面无限刷新，如何修复？

• 避免重复引入脚本：官方嵌入代码里的<script async src="//www.instagram.com/embed.js"></script>如果被多次加载（比如每个帖子代码都附带一次），就会引发刷新问题。确保整个页面只引入一次该脚本，放在</body>标签前即可。

• 改用手动初始化逻辑：放弃脚本自动初始化，改为手动触发加载，避免和页面元素冲突：

  // 创建脚本元素并手动控制加载
  const instaScript = document.createElement('script');
  instaScript.src = '//www.instagram.com/embed.js';
  instaScript.async = true;
  instaScript.onload = function() {
    // 脚本加载完成后手动初始化所有嵌入帖子
    if (window.instgrm) {
      window.instgrm.Embeds.process();
    }
  };
  document.body.appendChild(instaScript);
  

• 排查页面JS冲突：页面现有脚本（比如路由监听、DOM操作逻辑）可能和Instagram嵌入脚本冲突。临时禁用非必要脚本，逐一排查找到冲突代码后，调整执行顺序或修改逻辑。

• 改用iframe直接嵌入：如果以上方法无效，直接用iframe替代官方脚本方案，彻底规避脚本冲突：

  <iframe src="https://www.instagram.com/p/你的帖子ID/embed/" width="320" height="400" frameborder="0" scrolling="no" allowtransparency="true"></iframe>
  

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