改一个网站，网站修改比重新做一个还费劲。网站修改上周帮朋友调他那个小电商站，网站修改导航栏里“新品上架”四个字硬是网站修改顶着左边框，鼠标一碰就抖。网站修改我打开开发者工具，网站修改发现是网站修改margin-left: -8px，谁写的网站修改不知道，注释也没留。网站修改删掉，网站修改对齐了。网站修改整个过程三分钟，网站修改找问题花了半小时。网站修改

这种事太常见。网站修改网站修改的网站修改难点不在改，在找。一个按钮颜色不对，可能来自主样式表、内联样式、甚至某个JS动态注入的类名。你改了一处，另一处又崩了。像拆毛衣，抽错一根线，整片散架。

先备份，再动手

我吃过亏。前年给一个客户改WordPress主题，直接在线编辑functions.php，少了个分号，整站白屏。客户电话打过来的时候，我正端着咖啡。后来养成了习惯：改任何文件之前，先cp一份，或者用Git建个临时分支。哪怕只改一个标点。备份不占地方，但能救命。

数据库也一样。改字段、删表之前，mysqldump导出一份。别信phpMyAdmin的“预览”按钮，它有时候骗你。

别急着动代码

很多人一上来就翻源码。其实先看浏览器控制台。红色报错、黄色警告，八成问题在那。网络面板看加载失败的资源——图片404、字体跨域、API超时。我遇到过“购物车图标不显示”，结果是Font Awesome的CDN被墙了。换成本地引用，好了。跟CSS半毛钱关系没有。

还有缓存。浏览器缓存、CDN缓存、服务端OPcache。你改完刷新没变化，先别骂代码。开无痕窗口，或者Ctrl+F5。我见过有人改了一下午，最后发现是Cloudflare缓存没清。

改哪里，怎么改

小改动直接上浏览器开发者工具。调边距、换颜色、试字体，实时看效果。满意了，再把样式复制回源文件。别在工具里改完就关——那些改动不会保存。

大改动走版本控制。Git diff看清楚每一行变化。合并冲突别慌，一行行读。实在不行，git checkout -- .回退，重来。

响应式布局的修改最烦。桌面端调好了，手机端错位。媒体查询断点设在哪，得看实际内容。我习惯从最小屏幕开始改，慢慢放大。反过来容易漏。

一些零碎经验

改文字内容，别直接写死在HTML里。用CMS后台或者模板变量。不然下次换文案，又得翻代码。

改图片，注意尺寸和格式。WebP比PNG小一半，但老浏览器不认。加个<picture>标签做回退。

改完一定要测。点一遍所有链接，提交一次表单，加一个商品到购物车。我见过改导航栏把下拉菜单改没的，也见过改按钮颜色把点击事件覆盖掉的。

最后，写注释。哪怕只写<!-- 2024-06-01 修复移动端导航错位 -->。三个月后你或者别人再看，能省很多时间。

网站修改没什么高深技术，就是细心加耐心。别怕改错，怕的是改错了不知道错在哪。工具用好，备份做好，剩下的就是体力活。

(责任编辑：焦点)