现代浏览器支持内存中编辑HTML但不持久：双击改文字、右键Edit as HTML改结构、改type="password"为text可临时显示密码，但刷新即失效，因仅作用于本地DOM快照。
所有现代浏览器都支持不刷新页面、直接编辑当前网页的 HTML 代码，但改完就消失——它只存在内存里，关掉标签页或刷新就还原。
双击改文字内容最常用
在 Chrome 或 Firefox 的 Elements 面板中，找到包裹目标文字的标签（比如 <p>、<h2>），把鼠标悬停在标签内的纯文本上（不是标签名，也不是属性值），双击 → 输入新内容 → 按 Enter。页面立刻更新。注意：如果双击没反应，大概率是悬停位置不对——你得对准文字本身，而不是空格或换行符。
右键 Edit as HTML 改结构
想增删标签、调整嵌套或改属性，就得用这个功能：
- 右键目标元素（比如一个按钮的
<button>标签）→ 选择Edit as HTML - 可自由输入任意合法 HTML，包括添加
<span>、删掉<div>、改class="old"为class="new" - 编辑完成后，点击面板外任意区域或按
Ctrl+Enter（Windows/Linux）或Cmd+Enter（macOS）生效 - 误删闭合标签（如漏了
</div>）会导致后续 DOM 渲染错乱，页面局部可能塌陷或样式丢失
改 type="password" 让密码可见
这是审查元素最典型的“调试式修改”场景，也最容易踩坑：
立即学习“前端免费学习笔记（深入）”；
- 右键密码输入框 →
Inspect，定位到类似<input type="password" name="pwd">的节点 - 双击
password，改成text，回车后密码立刻明文显示 - 但注意：部分网站会用 JS 动态监听
type变化并重置，改了也可能瞬间被拉回去；更稳妥的是在Console里执行document.querySelector('input[name="pwd"]').type = 'text' - 这种操作仅限本地调试，不会发请求、不改服务器，刷新即失效
改完不生效？先看这三点
常见“明明改了但页面没变”的原因：
- 你编辑的是静态 HTML，但实际内容由 JavaScript 动态插入（比如 React/Vue 渲染的列表），DOM 编辑只影响快照，JS 下一秒就覆盖回来
- CSS 中用了
content伪元素显示文字（如::before { content: "提交"; }），这类文字不在 HTML 里，得去右侧Styles面板改 CSS - 浏览器缓存了旧资源或启用了 Service Worker，导致即使改了 HTML，JS/CSS 文件仍加载旧版本——可尝试无痕窗口验证
真正要持久生效，必须改源文件；审查元素只是临时沙盒。很多人卡在“以为改了就能上线”，其实它连保存按钮都没有——这点最容易被忽略。
