Notepad++ 不支持网页脚本实时调试，需通过本地 HTTP 服务器（如 python -m http.server）提供服务，确保浏览器以 http:// 协议加载页面，并在 Chrome/Firefox DevTools 的 Sources 面板中设置断点调试。
Notepad++ 本身不支持网页脚本实时调试
它没有 DevTools 集成、不监听文件变更、也不注入调试代理。所谓“实时调试”，实际是手动或半自动触发浏览器刷新 + 利用浏览器自带的 Sources 面板断点调试。关键不是 Notepad++ 做了什么，而是你如何让浏览器能正确加载、映射、暂停执行你的脚本。
必须用 http:// 协议，不能用 file://
这是最常踩的坑：直接双击 HTML 或用 file:///C:/project/index.html 打开，浏览器会禁用 fetch、localStorage、Service Worker，且 Sources 面板无法显示源码映射（sourceMappingURL 失效），断点根本不会命中。
- 启动本地服务器是最小代价方案：
python -m http.server 8000（Python 3.7+ 自带） - 浏览器访问
http://localhost:8000/index.html，确保地址栏显示的是http开头 - 检查 Network 面板里 JS 文件状态码是 200，且 MIME type 是
text/javascript，不是text/plain - 若用 Webpack/Vite 等工具，它们默认也只服务
http，不兼容file://
在浏览器里设断点，不是在 Notepad++ 里
Notepad++ 没有 JS 调试器，所有断点、变量监视、单步执行都发生在 Chrome/Firefox 的 DevTools 中。你需要做的只是让浏览器能准确关联到你在 Notepad++ 中编辑的原始文件：
- 确保 HTML 中引入的是相对路径脚本，如
<script src="main.js"></script>，而非绝对路径或内联 - 如果用了构建工具，打开生成的 JS 文件，在末尾确认存在
//# sourceMappingURL=main.js.map，且 map 文件同目录 - 在 Chrome DevTools → Sources → Page 标签页下，找到你的
main.js（不是main.js?123这种带查询参数的） - 点击行号左侧设断点；修改 Notepad++ 代码 →
Ctrl+S→ 切换浏览器 →F5刷新 → 断点自动生效
快捷键组合比插件更可靠
别折腾 HTML Preview 插件（已废弃，仅 IE 内核）、NppExec 脚本调用浏览器（容易路径错误、编码异常）。真正高效的流程只有两步绑定：
- 把保存快捷键设为
Ctrl+S（默认） - 把浏览器刷新快捷键设为
Ctrl+R（Chrome/Edge/Firefox 均支持），并保持浏览器窗口在前台 - 进阶可加一层：用 AutoHotkey 写个热键，
Ctrl+Shift+R同时触发Ctrl+S（Notepad++） +Alt+Tab+Ctrl+R（浏览器），但多数人只需练熟 Alt+Tab + Ctrl+R - 注意：不要用 NppExec 调用
chrome.exe并传file://，那只会强化错误路径习惯
复杂点在于路径与协议的耦合——哪怕一个斜杠写错，或者没意识到 file:// 下 CORS 和调试能力被砍掉一半，整个调试链就断了。先跑通 http://localhost，再谈效率。
