前端录网站,记录前端点点滴滴,帮助程序猿快速成长!

一行代码,浏览器变临时编辑器

html5
这是 Jose 在CoderWall 分享的一个技巧:在浏览器地址栏中输入下面这行代码,回车即可把浏览器变临时编辑器。
1
data:text/html, <html contenteditable>

为什么它能奏效?

这是用了数据URI的格式(Data URI’s format),并告诉浏览器渲染 HTML。不过 contenteditable 是 HTML5 的一个新全局属性,所以这个小技巧只能用于支持该属性的现代浏览器。(IE 8 – 就不行了 :( )

test in IE 8

 

并非只能纯文字,也可粘贴图片(如下图)。赶紧复制粘贴那行代码,然后回车,来试试呗。

test in Comodo

有趣的内容还在下面

不少程序员受 Jose 的启发,开始对这行代码加工改造了。



转载请注明:前端录»一行代码,浏览器变临时编辑器