分享一段牛逼代码

原文见 www.v2ex.com/t/871122 中的 codehz 的回答

浏览器直接打开一个双栏编辑器,代码如下:

data:text/html,<frameset cols="50%,50%"><frame src="data:text/html,<body contenteditable>"/><frame src="data:text/html,<body contenteditable>"/></frameset>

优点:

  1. 直接在浏览器地址栏执行即可。
  2. 可以直接粘贴图片。

非常适合临时性记录一下数据

本作品采用《CC 协议》,转载必须注明作者和本文链接
六月的风
本帖由系统于 1年前 自动加精
Junwind
讨论数量: 16
  • 类推一下一栏的
    data:text/html,<frameset cols="100%"><frame src="data:text/html,<body contenteditable>"/></frameset>
  • 类推一下三栏的
    data:text/html,<frameset cols="30%,30%,30%"><frame src="data:text/html,<body contenteditable>"/><frame src="data:text/html,<body contenteditable>"/><frame src="data:text/html,<body contenteditable>"/></frameset>
1年前 评论
Junwind

牛逼点在于,就算是厉害的前端,也很难想到这样写

1年前 评论
Tacks 1年前
sinmu 1年前
Junwind (作者) (楼主) 1年前
Tacks 1年前

上面代码虽然很牛逼,但有个缺点就是会覆盖当前页面的内容,除非打开新标签。

下面这个是我常用的弹窗代码:

javascript:var w=800,h=500,sw=screen.width,sh=screen.height,l=(sw-w)/2,t=(sh-h)/2,win=window.open('','', 'height=500,width=800,top='+t+',left='+l+',toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no');win.document.write('<title>临时剪切板</title><body contenteditable="true"></body>'),win.document.body.focus();

注意:因安全问题这里的“javascript:”必须手动在地址栏输入,当然也可以把这段代码放到收藏栏快速执行。

预览:

file

如果不想弹窗,想新标签打开,可以这样:

javascript:var win=window.open(null);win.document.write('<title>临时剪切板</title><body contenteditable="true"></body>'),win.document.body.focus();
1年前 评论

测试过了,很牛B的一段代码, 学习了, 十分感谢分享 :+1:

1年前 评论
Squ1rrel

嚯,相当牛逼

1年前 评论

表白密码

data:text/html,<p style="text-align:center;color:red;font-size:80px;padding-top:20%;" onclick="this.innerText = unescape('%u6211%u559C%u6B22%u4F60')"></p><script>document.querySelector("p").innerText = unescape('%u70B9%u51FB%u8FD9%u91CC');</script>
8个月前 评论

感谢分享,确山牛

7个月前 评论

不能粘贴图片

6个月前 评论
Junwind (楼主) 6个月前
xdeepu

还可以这样用,牛皮

6个月前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!