分享一段牛逼代码

Junwind 的个人博客 / 14 / 16 / 创建于 2年前

原文见 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>

优点：

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

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

本作品采用《CC 协议》，转载必须注明作者和本文链接

六月的风

本帖由系统于 2年前自动加精

课程读者 610 声望

躺平大叔 @ 躺平社区

实践出真知

讨论数量: 16

dongzhiyu

130 声望

牛逼

2年前评论

Tacks

课程读者 495 声望

类推一下一栏的

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>

2年前评论

Junwind

课程读者 610 声望 / 躺平大叔 @ 躺平社区

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

2年前评论

Tacks

以为地址栏只能输入url之类的东西，没想到这直接html上来了。比如这样也行,一个input框

data:text/html,<input>

sinmu

@Tacks 同感

Junwind （作者）（楼主）

@Tacks 地址栏还可以直接贴 base64 图片，可以解析出来

Tacks

@junwind
是的，PHP很方便就可以拿到对应的base64字符串 base64_encode(file_get_contents($imgPath)) ，那就是这种格式

// xxx = base64_encode(file_get_contents($imgPath));
data:image/png;base64, xxx

// 根据图片的类型也可以
data:image/jpg;base64, xxx
data:image/gif;base64, xxx

邢闯洋

Laravel 9.x 译者 576 声望

好牛逼，涨姿势了

2年前评论

wish

66 声望

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

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

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年前评论

小人物1号

课程读者 1 声望

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

1年前评论

Squ1rrel

课程读者 74 声望 / 科研中 @ NJUPT & JSNU

嚯，相当牛逼

1年前评论

caoyuan888

4 声望

表白密码

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>

1年前评论

toooooop

0 声望

感谢分享，确山牛

1年前评论

LAOWANG_6

0 声望

不能粘贴图片

1年前评论

Junwind （楼主）

可以的

xdeepu

课程读者 4 声望 / php 工程师 @ 哈哈哈

还可以这样用，牛皮

1年前评论

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

帮助

躺平大叔 @ 躺平社区

私信

文章归档

3 篇 2024 年 11 月 1 篇 2024 年 10 月 4 篇 2024 年 9 月 13 篇 2024 年 8 月 4 篇 2024 年 3 月 2 篇 2024 年 2 月 1 篇 2024 年 1 月 3 篇 2023 年 12 月 3 篇 2023 年 11 月 1 篇 2023 年 10 月 4 篇 2023 年 9 月 2 篇 2023 年 8 月 3 篇 2023 年 7 月 4 篇 2023 年 6 月 7 篇 2023 年 5 月 17 篇 2023 年 4 月 1 篇 2023 年 3 月 2 篇 2023 年 2 月 5 篇 2023 年 1 月 2 篇 2022 年 12 月 2 篇 2022 年 11 月 1 篇 2022 年 8 月 1 篇 2022 年 7 月 1 篇 2022 年 6 月 2 篇 2022 年 4 月 6 篇 2022 年 3 月 1 篇 2022 年 2 月 2 篇 2022 年 1 月 2 篇 2021 年 12 月 5 篇 2021 年 11 月 4 篇 2021 年 10 月 2 篇 2021 年 9 月 9 篇 2021 年 5 月 4 篇 2021 年 4 月 2 篇 2021 年 3 月 2 篇 2021 年 2 月 5 篇 2021 年 1 月 3 篇 2020 年 12 月 1 篇 2020 年 10 月 5 篇 2020 年 9 月

2个月前记录一些工具软件 3个月前为什么常量值只能是基本类型？ 3个月前 windows下安装go，并使用goland创建一个示例项目 3个月前一款简单的记笔记工具 4个月前一个疑问，使用workerman，或者swoole这种启动的http服务，还需要nginx转发吗？

22 分享一段牛逼代码 19 举例理解什么是进程，线程 5 分享一些go学习的站点 4 swoole 的 close() 与 disconnect() 区别 3 学一下这种传参

博客标签

编程好习惯

成为赞助商