今天突然想到了很多人通过PS修改了Google或者百度的页面, 得到诸如 "抱歉, 没有找到比XX更帅的人." 这样的效果. 当然, 也有人把页面保存下来, 修改后再打开, 或者像我从前一样, 使用JS的innerHTML. 然后今天突然灵感一现, 想到了contentEditable属性, 用它不是更方便吗?

废话不多说, 如果你不懂JS, 请按下面的步骤进行修改. 当然, 如果你懂, 看完上面的一段就行了.

经测试兼容IE/FF/Chrome (如有兼容问题, 欢迎反馈: www.vilic.info)

在浏览器地址栏输入:
javascript:void(document.body.contentEditable=true);

现在, 整个页面都变成可编辑的了, 编辑的方法就像使用Word一样, 可惜的是没有什么多的功能. IE中编辑模式下会使元素有些错位, 不过不要在意, 一会儿退出编辑模式后, 一切都会恢复正常. 将想要编辑的文字修改后, 再使用下面的代码还原:
javascript:void(document.body.contentEditable=false);

现在就搞定啦, 是不是特别简单? 除了简单地修改文本, 你还可以拖动它们(和图片), 让他们换个排列方法. 不过, 这样做可能会使页面很难看哦!

祝同学们恶搞愉快!

Original link of this archive: http://www.vilic.info/blog/archives/552
本文的原始链接: http://www.vilic.info/blog/archives/552