View in Browser插件需满足四条件才生效:Package Control联网正常、插件名严格为“View in Browser”、安装后重启Sublime、文件已保存为.html且语法识别为HTML;默认快捷键F12易冲突,推荐改用Alt+Shift+V;file://白屏应启用内置服务器而非修改浏览器参数。

不能直接“运行”HTML,必须靠插件或外部服务触发浏览器打开——没装插件、没保存文件、没设对语法,按什么键都没反应。
View in Browser 插件为什么按 F12 没反应?
这是最常卡住的环节:插件命令根本没注册,或当前文件不满足触发条件。
- 安装必须走
Package Control: Install Package→ 搜索View in Browser(注意空格和大小写,不是view-in-browser) - 安装后必须完全退出 Sublime Text 再重开,否则
view_in_browser命令不会出现在命令列表里 - 快捷键只在
text.html作用域生效:文件得是已保存的.html后缀,且右下角状态栏显示HTML(不是Plain Text或XML) - 默认快捷键
F12或Alt+Shift+V可能被系统/其他插件占用,可手动绑定:{"keys": ["ctrl+alt+b"], "command": "view_in_browser"}
怎么强制用 Chrome 而不是系统默认浏览器?
插件不读桌面图标,只认系统级默认设置或配置项;填错值会静默失败,不报错也不打开。
- 先确认 Chrome 真是系统默认:Windows 去「设置 → 默认应用 → Web 浏览器」,macOS 去「系统设置 → 通用 → 默认网页浏览器」
- 修改插件用户配置:
Preferences → Package Settings → View in Browser → Settings – User,填入:{"browser": "chrome"} - 支持的值只有小写英文:
chrome、firefox、edge、safari;填Google Chrome或chrome.exe会失效 - 若要指定具体路径(比如多版本 Chrome),用
browser_path:Windows 填"browser_path": "C:\Program Files\Google\Chrome\Application\chrome.exe",macOS 填"browser_path": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
预览后 JS 报错 “Access to script at 'file://' is blocked” 怎么办?
这不是插件问题,是浏览器对 file:// 协议的硬性限制——fetch、相对路径资源、Service Worker 全部被禁,任何插件都绕不过。
- 临时调试可用 Chrome 启动参数:
--allow-file-access-from-files(每次都要加,且新版 Chrome 已逐步弃用) - 真正可靠的做法是起本地 HTTP 服务:
python3 -m http.server 8000(Python 3.7+),然后访问http://localhost:8000/your-file.html - View in Browser 插件自带
Start Server功能:右键 HTML 文件 →View in Browser → Start Server,它会自动监听http://localhost:8080 - 所有自动刷新方案(LiveReload、BrowserSync)也必须基于 HTTP,
file://下完全无效
最容易被忽略的是:插件命令注册依赖重启,而跨域报错本质是浏览器策略——这两点不厘清,调半天快捷键也没用。


















