当前位置:首页 > 知识

怎么修改网页上的内容

浏览器地址栏里输入 javascript:document.body.contentEditable='true';document.body.spellcheck=false; 然后敲回车。修改页面上的网页文字突然就全都能直接点进去改了。我头一回试这招是内容在大学机房,当时想改学校官网的修改新闻标题截图发朋友圈,手抖着按完回车,网页看着“我校荣获”四个字变成可编辑状态,内容心脏怦怦跳——那感觉像拿到了网站的修改万能钥匙。

这招的网页原理其实特别土。网页在你电脑上显示时,内容代码已经下载到本地了。修改你执行的网页这段小脚本,只是内容把浏览器默认的“只读”状态切成了“可写”。就像Word文档取消修订模式,修改本质上是网页浏览器给用户的权限开关,跟网站服务器一毛钱关系都没有。内容你改完刷新页面,一切恢复原样,服务器上的数据纹丝没动。

但这招有个致命缺陷——只能改当前这一屏。你往下滚动,新加载的内容又变回只读了。真要系统性地改,得用开发者工具。按F12,左侧是HTML结构树,右侧是样式。找到你想改的那行文字,双击它,直接改内容。改完按回车,页面立刻更新。这方法能精准定位任意元素,哪怕那个字藏在三层嵌套的div里。

我后来发现,改样式比改文字更有意思。把某个标题的font-size从16px改成160px,整个页面瞬间失衡,那种破坏的快感特别上瘾。有回我把同事负责的页面背景色改成荧光绿,他刷新半天没发现是本地改动,还以为是设计稿更新了,对着屏幕骂了十分钟设计部。

再进阶一点,可以操作localStorage。有些网站把用户设置存在本地,你改掉这些键值对,能伪造出登录状态或者会员标识。但别高兴太早,真正的权限验证都在服务器端,本地改的只是表面装饰。就像你把自己家门的猫眼换成万花筒,外面的人该进不来还是进不来。

最野的路子是抓包改请求。用Fiddler或Charles拦截网页发出去的HTTP请求,修改返回的JSON数据。比如把商品价格从99改成0.01,页面会显示支付成功——但订单提交到服务器时,系统会重新校验价格,照样拒绝你。我试过在电商网站把库存改成负数,页面直接崩了,倒是挺解压。

改自己写的网页当然随便改,改别人的页面纯属自娱自乐。有回帮朋友改他博客的错别字,他坚持要我远程操作,结果我改完他刷新,错字又回来了,他以为见鬼了。我跟他解释这叫“本地临时修改”,他愣了半天说:“那不等于白改吗?”

确实白改。但谁在乎呢?这种改动的乐趣恰恰在于它的临时性——你像是短暂地接管了别人的作品,涂几笔,拍个照,然后放手让它恢复原状。就像小时候在课本上给杜甫画墨镜,画完擦掉,课本还是课本,但你记得那一刻的快乐。网页同理,它永远是别人的,但你的浏览器是你自己的。改完记得按F5,一切归零,干净利落。

分享到: