# Chrome浏览器任意修改网页内容

By [miken.eth](https://paragraph.com/@miken) · 2022-10-22

---

在Chrome浏览器按F12，打开开发者工具，切换到console选项卡：

![](https://storage.googleapis.com/papyrus_images/ac50ab5c3fc4c8da7c4273093229f1b6bbe8581183dc835cc459cebf6cb7a62d.png)

在下面的输入行输入下面的命令回车：

![](https://storage.googleapis.com/papyrus_images/076c2b161de1c985ca6707991da73e4323fae7149de00cb20b13f0a7a862b333.png)

`document.body.contentEditable="true"`

  

再单击页面上的任意文本就可以直接编辑了：

  

这个是利用了H5的contentEditable属性

---

*Originally published on [miken.eth](https://paragraph.com/@miken/chrome)*