火狐浏览器打开HTML文件只显示源码，需检查四方面：一是文件扩展名是否为纯.html（非.html.txt）；二是必须用file://协议打开（地址栏应显示file:///路径）；三是HTML文件需UTF-8无BOM编码且含正确DOCTYPE和闭合结构；四是若通过本地服务器访问，响应头Content-Type必须为text/html。
火狐浏览器打开HTML文件后只显示原始代码、不渲染成网页界面，说明浏览器未将其识别为HTML文档，而是当作纯文本处理了，必须从文件格式、协议、编码和服务器响应四方面逐一排查。
检查文件扩展名是否正确
Windows系统默认隐藏扩展名，容易误存为index.html.txt。右键该文件→“属性”→确认“名称”栏显示的是【index.html】而非index.html.txt。若带.txt后缀，需在文件夹选项中勾选“显示文件扩展名”，再重命名为纯.html后缀。
这一步操作起来很简单，直接把文件拖进去就行。
确保用file://协议打开本地HTML文件
不要用记事本或VS Code双击直接打开——那会启动编辑器；也不要拖进浏览器地址栏再按回车，可能触发错误解析路径。
正确做法：右键HTML文件→“打开方式”→选择“Firefox”；或直接将文件拖拽到已打开的Firefox空白标签页中释放。
如果地址栏开头是file:///C:/.../index.html，说明走对了协议；若开头是about:blank或空地址栏，说明没走file协议，渲染必然失败。
验证HTML文件编码与结构完整性
方法一：用VS Code打开该HTML文件→右下角查看编码标识（如UTF-8）→点击它→选择“通过编码重新打开”→选“UTF-8 无BOM”。
方法二：检查文件开头是否有【<!DOCTYPE html>】，且包含完整<html><head><title></title></head><body></body></html>结构。缺DOCTYPE或闭合标签错位，某些旧版Firefox会降级为text/plain解析。
注意：ANSI编码保存的HTML文件，在Firefox里极大概率直接显示源码，必须转UTF-8无BOM。
排除服务器MIME类型干扰
如果你是用Python、Node.js或XAMPP等本地服务器访问（地址栏显示http://localhost:8000），请立刻检查响应头：
1. 在Firefox中按F12打开开发者工具→切换到“网络”面板→刷新页面→点击左侧第一个请求→右侧点“标头”→查找Content-Type字段；
2. 若值为text/plain或application/octet-stream，说明服务器配置错误；
3. 正确值必须是【text/html】；
Python用户请改用python -m http.server 8000启动；Node用户请确认express.static中间件已启用，或手动设置res.setHeader('Content-Type', 'text/html')。
