作为一名前端开发者，最怕的就是在浏览器里调试样式时反复“右键→检查→修改→刷新”这个过程。直到我发现了“Edit with Sublime Text™”这个浏览器插件，才真正体会到什么是“丝滑”的编辑体验。它让Sublime Text直接接管网页节点的内容修改，保存即预览，彻底告别临时改代码的繁琐。
三种方式，一键发送到编辑器
插件提供了三种启动入口，覆盖不同使用习惯：
- 简易检查器：点击插件图标激活虚拟鼠标，直接点击页面任意元素，就能把它的HTML代码发送到Sublime Text。按ESC可取消操作，非常直观。
- DevTools原生面板：打开Chrome开发者工具，在Elements选项卡右侧会多出一个“Edit as HTML”子面板。选中任意DOM节点，点击按钮即可将选中内容（innerHTML或outerHTML）发送到编辑器。改完后保存，浏览器立刻更新。
- 右键菜单：在textarea、input[type=text]或搜索引擎输入框上右键，选择“Edit with Sublime Text™”，就能在外部编辑器里自由编辑大量文本内容，对做内容替换或正则替换特别有用。
多节点并行编辑，告别重复劳动
插件支持同时打开多个编辑器实例，每个实例对应一个唯一的临时文件。如果你同时修改页面上不同区域的HTML，每个文件都会独立保存并在页面更新。这些临时文件存放在系统临时目录，文件名随机，不会冲突。相比Chrome自带的“Edit as HTML”只能一段段手写，这个插件能让你充分利用Sublime Text的多光标、代码片段、快捷键等特性，大幅提升效率。
远程资源一键转内联
更贴心的是，DevTools面板还提供了一个“Convert to inline”功能，可以把外链的脚本或CSS资源一键转换成内联形式，然后发送到Sublime Text编辑器进行修改。这对于调试CDN上的第三方库或测试样式覆盖非常实用。
对比其他方案
市面上类似的插件也不少，比如“Live Editor for HTML/CSS/JS”倾向于在浏览器内直接编辑预览，但缺乏Sublime Text强大的编辑功能；而“HTML Edit”插件仅支持基础输入框编辑，无法处理复杂的DOM结构。相比之下，“Edit with Sublime Text™”的最大优势是它完全尊重你已有的Sublime Text工作流——配色、插件、快捷键全部一致，相当于把浏览器的“编辑”能力无缝嫁接到你熟悉的编辑器上。再加上临时文件自动处理，不用手动保存和刷新，体验非常流畅。
谁该用？
如果你平时用Sublime Text写前端代码，并且经常需要在浏览器里微调页面文案、修改标签属性、测试响应式断点，那这个插件绝对值得装。它特别适合前端开发、网页设计师、SEO优化师——当你在页面上查看富文本编辑框的内容时，右键发送到Sublime Text，配合正则替换或批量处理，效率立竿见影。