HTML 编辑器能完全离线用吗？

能，但有一条得看是哪种。一个你安装的代码编辑器，装好之后完全离线跑。一个你在浏览器里打开的单文件编辑器，第一次打开时要联网，好把让它运转的那段代码缓存下来，之后每一次都离线跑。不管哪种，你的 .html 文件都是在你自己机器上打开、保存的，什么都不上传。

机密的 HTML 文件怎么在本地改？

用一个在你自己电脑上跑的编辑器打开文件，别用那种要你把文件传上去的网站。一个本地代码编辑器，或者一个下载来的单文件编辑器，都把文件留在你盘上，所以什么都不会发到服务器。这样你就能私下改客户的活，或者内部页面。离线拿掉了上传，但文件还坐在你的设备上，所以把盘加密好。

用离线 HTML 编辑器要不要联网？

装好的代码编辑器，不用——只在装那一次要网。在浏览器里跑的单文件编辑器，第一次打开时要联网，好让它缓存自己的引擎；之后就不要网了。一个好习惯是，趁有 wifi 先打开一次，然后切到飞行模式，在你真指望它之前，确认它还能用。

在飞机上或者没 wifi，能改 HTML 文件吗？

能，只要你的编辑器在断线之前已经备好。事先装好一个代码编辑器，或者趁有 wifi 把你的单文件编辑器打开一次让它缓存。之后你就能打开你的 .html，改文字、链接或图片，然后保存——全程不要网。Chrome 和 Edge 直接写回文件；别的浏览器下载一份改好的副本。

不上传就改客户的机密 HTML，安全吗？

在本地改，比把一个机密页面粘进某个随便的在线工具要安全，因为文件从不离开你的电脑。但安全是相对的。离线拿掉的是服务器上那份副本，不是所有风险——文件还活在一台可能丢、可能被偷的笔记本上。用本地编辑器，把盘加密好，不再需要的副本就删掉。

没网也能改，离线编辑 HTML 的两种办法

26A 座，笔记本打开，屏幕角上那个 wifi 图标打着叉。有个页面上的电话号码写错了，落地前必须改掉——就在标题里——可截止时间不管你接下来四个小时一格信号都没有。页面存在你自己盘上，打开它不是问题。问题在编辑器。人都离线了，它还打得开吗，还是它悄悄靠的正是你现在没有的那张网？

离线把它改好，是容易的那半。真正的坑更小、更阴——它就藏在离线这个词里头，我会在你爬到巡航高度之前说清楚。办法有两种，各自都放弃了对方留住的东西。但先说，你到底为什么要让一个页面离开网络，因为这事很少只是没信号那么简单。

页面不能上网的时候

想让一个页面在改的时候离开网络，理由多得很。

它是机密的——客户的东西、一张合同页、任何带着名字或数字、你没权限让它外泄的内容。它只对内，像一页 HR 手册、一份运维手册，活在公司防火墙后头，本该待在那儿。它还没做完，你不想让一份半生不熟的草稿被缓存到某台服务器上。再不然，你就是没信号——一趟航班、一列钻进隧道的火车、一间信号只剩一格、你一要用就掉的小屋。

有时候，纯粹是偏好。你就是不想让自己文件的副本待在别人机器上，一次都不想。这理由，单拎出来就够硬了。

离线来做，有两条路

两个选项，朝相反方向拽。一个你装在本地的代码编辑器。或者一个下载一次就好的单文件编辑器。

选项	没网能不能跑	页面和代码同步	要不要安装	最适合
本地代码编辑器（VS Code、Notepad++）	能，装好之后	不——光是代码，想看页面得在浏览器里重新加载	要，一次完整安装	看得懂标签的人
下载来的单文件编辑器	能，第一次打开缓存好之后	能	不用——一个 `.html` 文件	离线，可视化地改一个页面

代码编辑器是老答案。装一次，就永远是你的了，不要网。代价是你盯着的是光秃秃的标签，想看渲染出来的页面，得把文件双击进浏览器，每改一处就刷新一次。你要是本来就读 HTML 不费劲，那没问题。要是不，那就是活受罪。

另一条路是单文件编辑器——一个 .html，存到你盘上，没有安装包，打开你的页面是可视化的，代码就在旁边。这正是我做的那个工具所在的那条道，也是大多数「只想把一个页面改好」的人真正在找的那个。想在动手前先看看编辑器的全景，我在我那篇免费 HTML 编辑器横评里一个个摆开过。

下载一次、就一直留着的那个文件

说好的那个弯儿，在这——我宁可你从我这儿听说，也别在飞机上飞到一半自己撞见。

一个在浏览器里跑的单文件编辑器，还是需要一个引擎——就是让点击和实时编辑动起来的那段代码。你第一次打开那个文件，它会把这个引擎抓下来，缓存进你的浏览器。这之后，它就离线跑，每次都跑，不要网。就像出门前先把离线地图存好——你趁有信号的时候灌满一次，进了没信号的山里，它照样带着你走。

所以这一步很简单。把文件下下来，趁还有 wifi 打开一次让它自己缓存好，然后合上盖子，想去哪去哪。要是抓起来就直接切飞行模式、压根没打开过，那第一次打开很可能是白屏。一次连接，就一次。这就是代价，也就这么点代价——缓存做完，你就永远留着同一个文件，它再也不往家里打电话了。

本地代码编辑器没这个毛病。装上，从头就是离线的。它只是没法像可视化编辑器那样，把页面给你看。这个取舍，你自己挑。

那它到底怎么在什么都没连的情况下改

引擎一缓存好，连不连接就不再要紧了。

你打开你的 .html 文件。页面渲染出来。你点那个写错的电话号码，重新打一遍，底下的代码同步跟着变——「点一下定位」会把你跳到对应那行，你想核对就核对。你一保存，Chrome 和 Edge 就把改动直接写回你盘上那个原文件。别的浏览器递给你一份下载的副本，改动已经烤进去了，原件一个字没动。这一整套，都是你的浏览器在你自己机器上读一个文件、写一个文件。不上传，连不连都不上传。

还有一个纯文本模式，把版式锁住，让你只改文字、不会把任何东西挤出位置——一个不写代码的人得去改一个你输不起的页面上的文案时，这个特别顶用。

有一条界线。这管的是一个单独的 .html 页面，不是一个多文件的 React 或 Next 项目——一个页面，不是一整个仓库。

趁还没断信号，先把台子搭好

趁你还有连接，把编辑器备好——装上你的代码编辑器，或者把单文件版下下来、打开一次让它缓存好引擎。
**在你指望它之前，先离线试一次。**关掉 wifi，重新打开编辑器，确认它还能加载。在登机口发现问题，总好过在天上。
在里头打开你的 .html 文件（用那个打开文件的按钮，别双击进一个光秃秃的浏览器标签页）。
该改什么改什么——点那段文字、那个链接、那张图，可视化地改，碰到结构性的东西就切到代码视图。
**保存。**在 Chrome 或 Edge 里，它写回文件。在别的浏览器里，它下载一份改好的副本，所以记清楚现在哪个文件才是最新的。
**确认它渲染出来了。**把存好的文件双击进浏览器，合笔记本之前，看一眼那处改动是不是真的在那儿。

常把人绊倒的几处

有几处反复咬人，而且每一处都躲得掉。

把编辑器下下来，却从没先联网打开过。等你真要用了，它白屏，又没 wifi 来救。落地上先打开一次。

把打开一个文件，跟编辑它搞混。把一个 .html 双击进 Chrome，页面是出来了，你在 DevTools 里戳进去的那些改动看着也挺真——可一刷新就没了，因为那是在看，不是在存。这事要是坑过你，我在怎么编辑一个 HTML 文件里写过这个区别。

在一个「下载副本」的浏览器里，把副本弄丢了线索。你把号码改好、存了个新文件，然后一不留神，又在那个旧原件上接着改。名字起清楚，或者干脆用 Chrome、Edge，改动只回到一个文件里。

以为离线就等于安全。不等于。离线拿掉的是上传，不是那台可能连着机密文件一起丢掉、被偷走的笔记本。磁盘加密，还是你自己的活。

指望它能打开一整个框架项目。它不会，也不是干这个的。一个页面。

下次坐飞机，别跟 wifi 较劲。把单文件版下下来，落地上先打开一次让它缓存好，它就会乐呵呵地在巡航高度上给你改页面——机密的那些，也一并改了。