打开浏览器的行代开发者工具，按下F12，码修在控制台里输入这样一行代码：

document.body.contentEditable = true

回车。改网然后你就能直接用鼠标点击网页上的页内任何文字，像编辑Word文档一样随意修改。行代标题、码修段落、改网按钮、页内价格数字，行代全都能改。码修改完还能按Ctrl+S保存——当然，改网保存的页内是你本地看到的假象，刷新一下就打回原形。行代

我第一次发现这个技巧是码修在大学宿舍。室友用这招把学校官网的改网“学费缴纳通知”改成了“今日全校停水停电”，截图发到班级群，吓得辅导员连夜打电话问后勤。后来真相大白，室友被骂了一顿，但我们都记住了这行代码。

原理其实特别简单。浏览器把网页渲染成一棵DOM树，每个元素都是一个节点。contentEditable是HTML的一个属性，把它设为true，就等于告诉浏览器：“这片区域允许用户直接编辑。”你不需要懂JavaScript，不需要会Python，一行代码，浏览器就把整个页面变成了一个巨大的文本框。

这招的用处比你想的大。前端开发调试样式时，与其在编辑器里改代码再刷新，不如直接右键检查元素，把contentEditable打开，拖拽调整文字位置，实时预览效果。产品经理想改个文案，又不想等开发排期，自己动手改完截图丢群里，比写需求文档直观多了。

我见过最野的用法是有人用它做“网页快照”。把新闻网站的头条改成自己写的段子，截图发朋友圈，配文“今天的新闻有点意思”。不明真相的朋友还真以为出了什么大事。当然，这种玩法容易翻车——有个老哥把某电商网站的价格全改成0.01元，截图发给客服要求发货，客服查了半天发现根本没这订单，场面一度十分尴尬。

注意，这行代码只能骗过你自己的眼睛。它不修改服务器上的任何文件，不改变其他访客看到的页面，更不是什么黑客技术。网页的源代码在服务器上躺着，你改的只是浏览器内存里的临时副本。就像你在打印出来的报纸上用笔改字，改的是那张纸，不是印报的机器。

但反过来想，这也提醒你一件事：你看到的网页，可能根本不是它真实的样子。别人截个图发给你，说“你看这网站挂了”“你看这价格标错了”，别急着信。先按F12看一眼，或者让对面发个录屏。一张截图能证明的东西，越来越有限了。

顺便说一句，如果你想撤销所有修改，刷新页面就行。如果想玩得更花，试试把contentEditable改成false再配合JavaScript的事件监听，能做出拖拽排序、双击编辑、实时保存到localStorage的小工具。不过那是后话了——先从这行最简单的代码开始，去改一个你看不顺眼的网页吧。