不能直接修改别人服务器上的网页HTML代码，所有操作均限于本地环境：Chrome工作区映射可实时保存编辑到本地文件，下载源码后用编辑器修改适用于静态页面，Tampermonkey脚本则实现每次访问自动注入修改。
不能直接修改别人部署在服务器上的网页 HTML 代码——除非你拥有该网站的服务器权限、FTP/SSH 凭据或 CMS 后台管理员账号。所有“看似修改了别人网页”的操作，本质都是在本地环境模拟、调试或覆盖渲染结果，不触碰原始服务器文件。
Chrome 工作区映射：让 Elements 面板编辑自动写入本地 HTML 文件
这是唯一能让你在浏览器里改 HTML 并「真正保存到磁盘」的方式，但前提是目标文件必须先存在于你的本地项目中。
- 必须先在
Sources面板右键 →Add folder to workspace，并点击Allow授权；没这步，所有后续保存都静默失败 - 刷新页面后，在
Sources中找到当前页的index.html（或类似名称），右键 →Map to file system resource…，精准选中你本地同名文件（路径、大小写、扩展名全需一致） - 映射成功后，
Elements面板中双击文本、右键Edit as HTML、拖拽节点，按Enter或点击空白处都会实时落盘 - 注意：
file://协议下工作区可能受限，建议用python3 -m http.server 8000起个本地服务再打开网页
下载源码 + 文本编辑器修改：最通用的本地永久更改方式
适用于任何公开可访问的网页，无需权限，但改的是你本地副本，不是原站。
- 在浏览器中打开目标网页 → 按
Ctrl+U查看源代码 →Ctrl+A全选 →Ctrl+C复制 → 粘贴进 VS Code / Notepad++ 等编辑器，另存为index.html - 或直接按
Ctrl+S保存整个网页（选“网页，仅 HTML”类型），但注意部分动态内容（如 JS 渲染的区块）不会被保存 - 修改时重点检查：
<link rel="stylesheet">和<script src>的路径是否仍指向本地文件；若引用了 CDN，可改为相对路径或下载对应资源 - 保存后，用浏览器打开该本地文件；若样式/脚本不生效，大概率是路径错误或
file://协议限制跨域加载
Tampermonkey 脚本：每次访问自动注入修改，不改源文件
适合想“让别人的网页每次打开都显示你想要的样子”，比如隐藏广告、替换文案、增强功能。
立即学习“前端免费学习笔记（深入）”；
- 安装 Tampermonkey 扩展后，新建脚本，设置
@match匹配目标网址（如https://example.com/*） - 在
document.body.innerHTML = ...或document.querySelector(...).textContent = "新内容"中写修改逻辑 - 脚本运行在页面加载后，只影响你自己的浏览视图，不影响服务器、不违反同源策略（因注入时机在 DOM 就绪后）
- 注意：若目标站点有 CSP 限制（如
script-src 'self'），Tampermonkey 可能被拦截，此时需改用@run-at document-idle或操作 DOM 节点而非执行字符串脚本
真正容易被忽略的一点是：所谓“修改别人网页”，99% 的场景其实是在构建自己的本地副本或增强浏览体验。服务器上的 HTML 文件，只要没给你写权限，就无法被你直接触碰——工作区映射、下载编辑、Tampermonkey，全都是绕过服务器、作用于客户端的方案。别在授权步骤上跳过点击 Allow，也别指望 Ctrl+S 保存网页就能拿到完整可运行副本，动态内容和路径依赖才是本地调试时最常卡住的地方。
