如何为网站添加Ruffle？现有配置失效，寻求技术帮助

先修正代码里的基础错误 #

你的代码存在几个明显问题，先调整这些：

1. DOM元素匹配错误：JS里找的是container元素，但页面里只有ruffle容器，把选择器改成对应的id。
2. 脚本引入顺序错误+无效路径：Ruffle脚本要在你的自定义JS代码之前引入，同时删掉那个占位符路径的无效脚本。
3. 页面结构错误：</body>之后的内容要移到body内部，否则浏览器解析会出问题。
4. 标签冲突：同时用Ruffle JS API和传统Flash标签会冲突，删掉<object>/<embed>块。

修复后的完整代码：

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset='utf8'>
    </head>
    <body>
        <div id='ruffle'></div>
        <!-- 先引入Ruffle脚本 -->
        <script src="https://flash-games.penguinbotcoder.repl.co/ruffle/ruffle.js"></script>
        <script>
            window.RufflePlayer = window.RufflePlayer || {};

            window.addEventListener("DOMContentLoaded", () => {
                let ruffle = window.RufflePlayer.newest();
                let player = ruffle.createPlayer();
                // 匹配页面里的ruffle容器
                let container = document.getElementById("ruffle");
                container.appendChild(player);
                // 替换成你要加载的SWF路径
                player.load("https://flash-games.penguinbotcoder.repl.co/flashgames/thinice.swf");
            });
        </script>
        <div class='ruffle'></div>
        <p>This is a test page for flash content</p>
    </body>
</html>

解决“扩展被阻止”的问题 #

如果是用Ruffle浏览器扩展出现这个提示：

• 打开浏览器扩展管理页面，找到Ruffle，确认它的“允许在所有网站运行”权限已开启，或者手动添加当前测试页面的域名到允许列表。
• 若之前能正常使用，尝试卸载扩展后重新安装官方版本，排除扩展文件损坏的可能。
• 检查浏览器安全设置，有些严格的安全策略会阻止未验证的扩展，暂时调低安全级别测试，或者把页面放到本地服务器（比如用python -m http.server启动本地服务）再访问。

内容的提问来源于stack exchange，提问作者Quinn Hayes