f12修改网页数据

改个数字，改网刷新一下，页数价格就变了。改网这不是页数黑客电影里的桥段，是改网浏览器F12开发者工具里每天都在发生的事。上周我想看看某在线文档工具能不能免费导出PDF，页数打开页面，改网按F12，页数在Elements面板里找到那个灰色的改网“导出”按钮，把disabled属性删掉。页数按钮亮了。改网点下去，页数文件下载成功。改网

这就是页数F12修改网页数据最直白的样子。它改的改网不是服务器上的数据，是你浏览器内存里那一份临时副本。服务器该收多少钱还收多少钱，数据库里该是什么还是什么。但你眼前这个页面，此刻归你管。

改文本和样式，最没门槛的操作

右键任意网页元素，选“检查”，DevTools面板会直接定位到那段HTML。双击文字内容，想改成什么就改成什么。我见过有人把公司内网公告栏的“本月绩效公示”改成“本月火锅基金到账”，截图发群里，骗了三个人。

改样式更实用。有些网站正文字体小得离谱，或者弹窗遮住了内容。在Elements面板选中对应节点，右侧Styles栏里直接改font-size、display:none。改完立即生效，不需要保存，不需要刷新。这种修改只存在于当前标签页，关掉就没了。

改表单值，绕过前端验证

很多网站的前端验证形同虚设。一个注册页面限制用户名必须6到12位，你输入3位，按钮是灰的。F12选中输入框，把maxlength和minlength属性删掉，或者直接在Console里执行document.querySelector('#username').value='abc'，按钮就亮了。

更常见的是改隐藏字段。电商下单页面里经常有<input type="hidden" name="price" value="199">这种东西。你把199改成1，提交订单。如果后端没有二次校验，你就用1块钱买了199的东西。当然，现在大多数正规平台不会犯这种错。但中小网站、内部系统、老旧后台，这种漏洞一抓一把。

Console面板才是真正的游乐场

Elements面板改的是静态结构，Console面板能跑JavaScript。你可以用document.cookie查看当前页面的Cookie，用localStorage.setItem()往本地存储里塞数据。有些网站把用户权限等级存在localStorage里，你把它从"user"改成"admin"，刷新页面，管理菜单就出来了。后端如果只信任前端传来的角色标识，你就进去了。

我还试过一个在线白板工具，免费版限制创建3个画板。打开F12，在Console里找到它用来计数的变量，直接重置为0。又建了3个。再重置，再建。服务器端似乎只记录画板内容，不校验数量。这种设计上的偷懒，F12一戳就破。

它改不了什么

F12改不了服务器返回的真实数据。你把页面上的余额从100改成10000，刷新一下又变回100。你改不了数据库里的订单状态，改不了别人的账号密码，改不了微信聊天记录。所有修改都是本地的、临时的、自欺欺人的。

但就是这种“自欺欺人”，能帮你省下不少钱，绕过不少烦人的限制，或者单纯在朋友面前表演一个“网页魔术”。下次遇到一个不让你复制文字的网站，或者一个按钮灰着的页面，别急，按F12。那扇门一直开着。