开发html无需专门安装浏览器，需选对浏览器并规范调试：chrome适合日常开发与热重载，firefox擅长暴露兼容性问题；禁用极速版浏览器；本地开发须用http服务（如npx serve或live server）避免file://协议限制；真机调试优于模拟器。
不需要专门“安装浏览器”来开发 HTML，浏览器是运行环境，不是开发工具的一部分；你真正需要的是选对浏览器、配好调试习惯、避开渲染差异陷阱。
Chrome 和 Firefox 哪个更适合 HTML 开发
Chrome 是事实标准，DevTools 响应快、兼容性提示准、Elements 面板实时编辑最顺手；Firefox 则在 CSS 逻辑属性、flex/grid 的错误提示上更直白，适合验证布局健壮性。
- 日常写页面、调交互，优先用 Chrome —— 它的
Live Server插件支持热重载，改完保存立刻刷新 - 遇到 Chrome 渲染正常但 Safari 打不开，切到 Firefox 再开一次，它会更早暴露
display: contents或aspect-ratio兼容问题 - 别装“极速版”“XX加速浏览器”，它们常阉割
console或禁用file://协议加载本地 HTML
直接双击打开 HTML 文件为什么样式/脚本不生效
因为用了 file:// 协议：现代浏览器默认禁止跨域读取本地文件（比如 fetch('./data.json') 或 import 模块），CSS 中的 url() 引用相对路径也容易 404。
- 用命令行起一个最小 HTTP 服务：
npx serve（需先npm install -g serve），进项目目录执行后访问http://localhost:5000 - VS Code 用户装
Live Server插件，右键 HTML 文件点 “Open with Live Server”，自动起服务并监听文件变化 - 绝对不要靠修改浏览器启动参数（如
--unsafely-treat-insecure-origin-as-secure）绕过限制——这只会掩盖真实部署时的问题
移动端预览总和真机不一致怎么办
DevTools 的设备模拟只是像素缩放+UA 伪装，无法复现 iOS WebKit 的滚动行为、字体渲染、或安卓 WebView 的 JS 执行偏差。
立即学习“前端免费学习笔记（深入）”；
- 真机调试优先走官方链路：Chrome 连 Android 手机开启 USB 调试，Safari 连 Mac + iOS 设备开启「Web 检查器」
- 用
chrome://inspect查看已连接 Android 设备的标签页，能打断点、看console、甚至编辑 DOM - 别信“响应式测试网站”，它们跑在 iframe 里，
window.innerWidth和viewport元标签常被父页面干扰
最麻烦的从来不是装哪个浏览器，而是忘了本地 file:// 和线上 https:// 是两个世界——路径、协议、CORS、缓存策略全都不一样。每次换环境前，先看一眼地址栏协议头。
