You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在WordPress中启用JavaScript以让Streamlit应用在iframe中运行?

解决Streamlit应用嵌入WordPress iframe时JavaScript未加载的问题

你遇到的问题核心是iframe的sandbox属性配置缺失必要权限,导致浏览器禁止了内部JavaScript的执行,所以Streamlit应用提示需要启用JS。

直接修改你的HTML块,给sandbox属性添加允许脚本执行等必要权限即可:

<style>
    iframe {
        border: none;
    }
</style>
<iframe src="https://share.streamlit.io/cromato/manabase/main/main.py" width="100%" height="500" allowfullscreen sandbox="allow-scripts allow-same-origin allow-popups allow-forms">
</iframe>

关键权限说明:

  • allow-scripts:必须开启,允许iframe内执行JavaScript,这是Streamlit运行的基础
  • allow-same-origin:让iframe内的资源能正常访问同源数据,避免加载报错
  • allow-popups:支持Streamlit部分交互组件可能触发的弹窗
  • allow-forms:适配Streamlit的输入类组件,确保表单交互正常

如果修改后还是有问题,检查下WordPress的安全插件(比如Wordfence、iThemes Security)是否限制了外部iframe的脚本运行,或者当前主题的自定义设置里有没有禁用iframe的相关权限。

内容的提问来源于stack exchange,提问作者Rafael

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.09 10:05:34