1. 打开任意网页

2. 然后按浏览器的F12 （打开开发者工具）

3. 选择控制台（Console）选项

4. 控制台输入：

document.designMode = "on";

如果在浏览器收藏的网页中的url直接更改为下面的代码，直接打开该收藏网页时会自动把网页变成可编辑状态
javascript: (function fn() { if (document.body.contentEditable === "true") { document.body.contentEditable = 'false' } else { document.body.contentEditable = "true" } })()

5. 输入代码后回车

这会将当前网页变成一个可编辑模式的页面。修改只是前端本地效果，刷新网页后就会恢复原样。不会影响实际网站，也不会保存任何改动

其他整活网页特效菜单：

1. 🌪 页面文字随机旋转+颜色变化：

document.designMode = "on";
[...document.body.querySelectorAll("*")].forEach(el => {
  el.style.transform = `rotate(${Math.random() * 20 - 10}deg)`;
  el.style.color = `hsl(${Math.random() * 360}, 80%, 50%)`;
});

2. 🔥 所有文字跳动特效（CSS 动画版）：

const style = document.createElement("style");
style.textContent = `
  * {
    animation: bounce 0.3s infinite alternate;
  }
  @keyframes bounce {
    from { transform: translateY(0px); }
    to { transform: translateY(-5px); }
  }
`;
document.head.appendChild(style);

3. 🎉 点击页面会冒出 Emoji（彩蛋）：

document.addEventListener("click", (e) => {
  const emoji = document.createElement("div");
  emoji.textContent = "🎉";
  emoji.style.position = "absolute";
  emoji.style.left = e.pageX + "px";
  emoji.style.top = e.pageY + "px";
  emoji.style.fontSize = "30px";
  document.body.appendChild(emoji);
  setTimeout(() => emoji.remove(), 1000);
});