作为一个前端,可以如何机智地弄坏一台电脑?
有人说,前端的界限就在浏览器那儿。
无论你触发了多少bug,最多导致浏览器崩溃,对系统影响不到哪去。
这就像二次元各种炫酷的毁灭世界,都不会导致三次元的世界末日。
然而,作为一个前端,我发现是有方式打开次元大门的…
这个实验脑洞较大,动机无聊,但某种意义上反映了一些安全问题。
想象一下,有天你在家里上网,吃着火锅还唱着歌,点开一个链接,电脑突然就蓝屏了!想想还真有点小激动。
起因
故事得从localStorage说起。
html5的本地存储,相信大家都不陌生。将数据以二进制文件形式存储到本地,在当前应用得非常广泛。
windows下的chrome,localStorage存储于C:\Users\xxx\AppData\Local\Google\Chrome\User Data\Default\Local Storage文件夹中。但如果任由网页无限写文件,对用户硬盘的伤害可想而知,因而浏览器对其做了大小限制。
对于一个域名+端口,PC端的上限是5M-10M之间,移动端的则是不大于2.5M。
那么问题就变成:这样的限制足够保护用户硬盘了吗?
关键
关键的问题在于,这一限制,针对的是一个域名+端口。
也就是说,你访问同一个域名的不同端口,它们的localStorage并无关联,是分开存储的。
我用node简单地开启了服务器,这时,用户访问http://127.0.0.1:1000到http://127.0.0.1:1099这100个端口,会请求到同一个页面index.html。
当然,这个index.html里涉及了localStorage写操作。
我试着用浏览器分别访问了几个端口,结果是分开存储。一切跟剧本一样。
自动遍历
但这种程度还不够。
如果要让实验变得更好(xie)玩(e)一些,问题就变成如何让用户自动遍历这些端口?
iframe是个好的尝试。
只要一打开http://127.0.0.1: 1000,页面的脚本就会创建一个iframe,去请求http://127.0.0.1: 1001,一直循环下去。
当然iframe我们还可以设置为不可见,以掩盖这种不厚道的行为…
比方说,有人发给你一个链接,你打开后发现是个视频,而你根本注意不到背后的脚本,在视频播放的几分钟里,快要把你的C盘写满。
然后我就看到请求如潮水渐涨:
但是,请求到1081端口,最新的chrome就崩溃掉了…原来iframe嵌套太多,已经到达了浏览器的极限。
防止浏览器崩溃
C盘还未撑满,同志还需努力。怎么办?
突然想到,到达iframe极限之前,我们可以重定向啊。
每访问50个端口,就使用window.location.href重定向一次,去确保浏览器不崩溃。
事实证明,这种野蛮的方法的确可行。
至此,只要访问http://127.0.0.1: 1000,就会往Local Storage文件夹里写入近500M无用数据:
里面的数据是这样的:
继续实验的黑科技
算了下我的C盘还有空间嘛,那就把端口数量从100增长到200个。
结果是这样的,到达了1.17G大小。
在后续的实验中,我就慢慢地把端口数量与存储的数据调大。
电脑也运行得越来越慢。这是为什么呢?
我观察到,有时候执行localStorage.setItem()后,在文件夹里不一定立即能看到数据文件。
我怀疑这些数据会被chrome先放到内存里,以避免重复读写带来的消耗,在空闲或关闭的时机,再写进硬盘里。
但此时,浏览器已经影响到系统了。它处于一种“不会崩溃”,但“因为占用了许多内存,已经妨碍用户电脑的正常使用”的状态。
即使用户关闭了浏览器窗口,也不会很快恢复。
要知道读写任务并不是随窗口关闭而终止的,否则浏览器会丢失数据。
遭遇黑科技的人们能做的只有:
等待;
用任务管理器关掉chrome进程,再等待;
相信并尝试“重启电脑解决90%电脑问题”的科学论断。
可以说,浏览器的内心几乎是崩溃的。
最后
最后,还是得用严肃脸告诫一下:害人之心不可无。
本实验,从一开始就是怀揣着将安全问题上交给国家的初衷去做的(是的就是这么纯粹)。
后续,看着C盘还有2G空间,我又把端口增长到2000个,试下会发生什么。
由于请求过多,需要一定时间,我就去做别的事情了。
回来后发现房间安静祥和,美轮美奂,一片蓝光,像是加了特技。
那么…
问题来了,计算机修理哪家强?
有点急…
原文发布时间为:2018-08-27
本文作者:Litten
本文来自云栖社区合作伙伴“数据与算法之美”,了解相关信息可以关注“数据与算法之美”。
作为一个前端,可以如何机智地弄坏一台电脑?相关推荐
- 如何机智的弄坏一台电脑?
全世界只有3.14 % 的人关注了 爆炸吧知识 原文:http://litten.me/2015/07/06/hack-in-localstorage/ 作者:Litten 很多人都在说:" ...
- 双网卡设置一个外网一个内网_一台电脑,双网卡,三个IP地址,如何同时工作...
一台电脑,双网卡,三个IP地址,一个外网有网关,一个专网也有网关.局域网没有网关,我来假设一个. 假设外网和局域网在一个网卡A上面,专网在网卡B上面.如图所示, 网卡A里面设置134.203.14.0 ...
- java一个电脑控制4个屏幕_Synergy让一个鼠标一个键盘操作多台电脑
我有一台台式机和一台笔记本,经常要同时使用两台电脑.一般的做法就是将两个鼠标放到同一个鼠标垫上,使用不同的电脑就把手切换到不同的鼠标.今天突然觉得这很麻烦,就想有没有什么方法让一个鼠标(当然还有键盘) ...
- 为什么HR 20分钟就淘汰了一个前端高级工程师?
最近HR小姐姐面了一个前端开发,4 年经验, 应聘的是前端高级开发工程师. 他的简历中提到很多技术点,从 HTML.CSS.JavaScript 再到 Vue.js 和 React 一个都不缺,跨平台 ...
- 从一个前端项目实践 Git flow 的流程与参考
Git flow 出自 A successful Git branching model,这里使用了一个前端项目配合本文稿实施了 git flow 并记录流程作出示例和参考,对 hotfix 与持续部 ...
- 一般一个前端项目完成需要多久_一种按周迭代的敏捷式项目管理方法
项目管理有很多理论,并且相关内容非常丰富,例如经典的项目管理的教材<项目管理:计划.进度和控制的系统方法>,字数达到了100万字. 但是从源头来说,经典项目管理理论都是源自于对生产项目的过 ...
- 一个前端岗位电话面试所带来的问题的思考
这绝对不是一篇技术文,如果你不喜欢,也请不要喷,你可以看看都有哪些问题,当然,在这里你可能得不到问题的答案,不懂的你可能需要自己去百度,也可以在下面留言交流,我已经声明了,这不是一篇纯技术文章,不喜勿 ...
- 一个前端的入行故事,零基础,2个月自学入门前端,半年从外包进淘宝
我,Scott,一家创业公司的 CTO. 从业 6 年却很少写文章,近一年来接触了几十个刚毕业的前端新人,也面试了 100 多个前端工程师和 Nodejs 工程师,对于前端发展的这个职业算是有些感触吧 ...
- 一个前端的10年前端职业路
前言 也许是自己的关注点变了,也许是跟自己年纪相仿的同行都成了行业大牛,最近时常看到一些前端大佬的总结分享,例如:<工作10年谈谈XXX>.<在阿里做了五年技术主管,XXX>. ...
最新文章
- C++中cin输入类型不匹配解决方法
- python工程师是什么专业-猎维科技告诉你人工智能工程师与Python工程师有什么区别?...
- css3 -webkit-filter
- extjs中js资源缓存策略
- 2017年第八届蓝桥杯C/C++ A组国赛 —— 第四题:填字母游戏
- web站点放入html页面,HTML
- mesos marathon mysql_Mesos以及Marathon安装总结
- html控制萤石云摄像头转动,怎么控制云台转动 ?
- LOAP引擎:clickhouse02: 引擎及sql语法
- Https所涉及名词及相关后缀名解释
- java-老鼠出迷宫
- 分布式锁的一些细节问题,值得收藏
- python 网络培训班费用具体是多少?
- yolov5开笔记本摄像头实时检测方法
- 告诉你什么是数字芯片和模拟芯片
- MooTools and Sizzle
- CMWAP 和 CMNET 的区别是什么?
- encode deencode
- linux远程工具怎么设置网,xshell远程工具怎么设置?xshell设置为中文的教程
- 从C++起步到MFC实战VC++软件工程师高端培训(服务器端开发方向)学习课程
热门文章
- 一个关于NHiberante,Linq数据源与UI交互引发的思考
- UA OPTI570 量子力学8 每一个左矢都有与之对应的右矢吗?
- VC++ 判断点是否在线段上
- Win平台使用cmake工具生成sln工程示例
- MFC最小程序(不使用应用程序向导)
- 超图使用服务管理页面发布服务图解
- asp.net ashx 学习总结
- Go语言的DES加密(CBC模式, ECB模式) ---- 与java加密互通(转)
- git id 切分支 按_Git分支本地操作详解
- 用径向函数和球谐函数计算氢原子能级并验证维里定理