如何在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
相关产品推荐
相关产品推荐

