Ruffle Flash模拟器脚本解析
当您在使用浏览器（如Firefox）的开发者工具检查网页源代码时，可能会在HTML的<head>部分发现一段您并未手动添加的脚本代码。这段代码通常与Ruffle项目相关，其主要目的是在Flash Player被弃用后，为现代浏览器提供一个Flash内容的模拟运行环境。
以下是这段典型Ruffle注入脚本的示例：
<script>(function(){class RuffleMimeType{constructor(a,b,c){this.type=a,this.description=b,this.suffixes=c}}class RuffleMimeTypeArray{constructor(a){this.__mimetypes=[],this.__named_mimetypes={};for(let b of a)this.install(b)}install(a){let b=this.__mimetypes.length;this.__mimetypes.push(a),this.__named_mimetypes[a.type]=a,this[a.type]=a,this[b]=a}item(a){return this.__mimetypes[a]}namedItem(a){return this.__named_mimetypes[a]}get length(){return this.__mimetypes.length}}class RufflePlugin extends RuffleMimeTypeArray{constructor(a,b,c,d){super(d),this.name=a,this.description=b,this.filename=c}install(a){a.enabledPlugin||(a.enabledPlugin=this),super.install(a)}}class RufflePluginArray{constructor(a){this.__plugins=[],this.__named_plugins={};for(let b of a)this.install(b)}install(a){let b=this.__plugins.length;this.__plugins.push(a),this.__named_plugins[a.name]=a,this[a.name]=a,this[b]=a}item(a){return this.__plugins[a]}namedItem(a){return this.__named_plugins[a]}get length(){return this.__plugins.length}}const FLASH_PLUGIN=new RufflePlugin("Shockwave Flash","Shockwave Flash 32.0 r0","ruffle.js",[new RuffleMimeType("application/futuresplash","Shockwave Flash","spl"),new RuffleMimeType("application/x-shockwave-flash","Shockwave Flash","swf"),new RuffleMimeType("application/x-shockwave-flash2-preview","Shockwave Flash","swf"),new RuffleMimeType("application/vnd.adobe.flash-movie","Shockwave Flash","swf")]);function install_plugin(a){navigator.plugins.install||Object.defineProperty(navigator,"plugins",{value:new RufflePluginArray(navigator.plugins),writable:!1}),navigator.plugins.install(a),0<a.length&&!navigator.mimeTypes.install&&Object.defineProperty(navigator,"mimeTypes",{value:new RuffleMimeTypeArray(navigator.mimeTypes),writable:!1});for(var b=0;b<a.length;b+=1)navigator.mimeTypes.install(a[b])}install_plugin(FLASH_PLUGIN);})();</script>这段代码通过JavaScript在运行时动态地创建并安装了模拟的Shockwave Flash插件信息，使得浏览器能够“识别”并尝试加载Flash内容，尽管实际上是由Ruffle进行模拟。这对于需要兼容旧版Flash网站或游戏的用户来说，是一个非常有用的解决方案。
Ruffle脚本的来源与注入机制
Ruffle脚本的出现通常不是因为您的本地网页文件被篡改，而是由于以下几种常见情况：
- 浏览器扩展程序： 某些浏览器扩展程序（特别是那些旨在启用旧版Web技术、播放Flash内容或提供特定兼容性功能的扩展）可能会在您访问的每个页面中注入Ruffle脚本。它们这样做是为了确保即使原始网站没有集成Ruffle，用户也能体验到Flash内容。
- 第三方软件或依赖项： 如果您安装了某些与浏览器交互的桌面应用程序或工具，它们可能包含Ruffle作为其依赖项之一，并在浏览器启动时或特定条件下注入此脚本。
- 直接安装： 极少数情况下，用户可能为了特定目的直接在浏览器中安装了Ruffle作为用户脚本或通过其他方式集成。
值得注意的是，Ruffle项目本身是开源的，旨在提供一个安全、现代的Flash替代方案，以防止Flash内容的完全丢失。因此，其代码注入本身通常不是恶意行为，而是为了实现兼容性目的。
排查与管理Ruffle脚本
如果您不希望Ruffle脚本被注入，或者想了解其具体来源，可以尝试以下排查步骤：
-
检查浏览器扩展程序：
- 打开您的浏览器扩展管理页面（例如，Firefox中是about:addons，Chrome中是chrome://extensions）。
- 逐一禁用您安装的扩展程序，并在禁用每个扩展后刷新您的网页，检查Ruffle脚本是否消失。
- 特别关注那些与“Flash”、“游戏”、“兼容性”或“旧版Web”相关的扩展。
- 一旦找到导致脚本注入的扩展，您可以选择禁用它、卸载它，或者根据需要调整其设置。
-
检查浏览器设置与插件：
- 虽然Ruffle主要通过JavaScript模拟，但某些浏览器可能会有相关设置或内置功能。检查浏览器的“插件”或“附加组件”部分，看是否有Ruffle或Flash相关的条目。
-
检查本地安装的软件：
- 回顾您最近安装的桌面应用程序，特别是那些声称能够增强Web体验、提供游戏平台或处理特定媒体格式的软件。这些软件有时会捆绑浏览器集成功能。
总结
在浏览器开发者工具中看到Ruffle Flash模拟器脚本，是现代Web开发中一个相对常见的现象，尤其是在Flash技术被淘汰之后。它代表了一种努力，旨在通过模拟技术来保留和访问旧版Flash内容。虽然通常无害，但如果其存在让您感到困惑或担忧，通过检查浏览器扩展程序和相关软件，您可以有效地识别其来源并进行管理。了解这些注入脚本的作用，有助于我们更好地理解和控制浏览器环境，确保网页浏览体验符合预期。
