1. 首页
  2. 建站新闻

前端工程师必看,这些浏览器奇淫功能你知道吗?

如何通过浏览器 “毁掉” 某个网站?

首先,打开你想要毁掉的网站网页,F12打开控制台:

前端工程师必看,这些浏览器奇淫功能你知道吗?

紧接着,console控制台注入以下代码:

// 说白了,就是获取 body DOM,然后变为可编辑状态!
document.body.contentEditable='true'

最后一步,按下 F5或右键刷新页面,完成!

前端工程师必看,这些浏览器奇淫功能你知道吗?

把浏览器变成记事本

用过记事本吗?好吧我不该问的… 打开浏览器的地址栏,粘贴代码 走你~

data:text/html, <html contenteditable>
前端工程师必看,这些浏览器奇淫功能你知道吗?

浏览器中 “实时” 编辑CSS代码

通过设置 style 标签的 display:block 属性的方法,能让页面的 style 标签显示出来,再加上 HTML5 contentEditable 属性这块区域就成为了可编辑状态,既然能编辑也就证明修改了源代码,模拟一个实时效果。

<!DOCTYPE html>
<html>
<head>
 <meta charset="UTF-8">
</head>
<body>
 <style style="display:block" contenteditable="true">
 body{
 background:rgb(255, 255, 255);
 }
</style>
</body>
</html>
前端工程师必看,这些浏览器奇淫功能你知道吗?

地址栏运行HTML代码

在非IE内核的浏览器地址栏可以直接运行HTML代码,老规矩,代码粘贴到地址栏,走你~

data:text/html,<h1><a href="https://blog.csdn.net/weixin_44198965">hello!</a></h1>
前端工程师必看,这些浏览器奇淫功能你知道吗?

【本文作者】:万商联盟,商业用途未经许可不得转载,非商业用途转载注明出处原文链接:https://cqsoo.com/jianzhan/29279.html

【版权与免责声明】:如发现内容存在版权问题,烦请提供相关信息发邮件至 kefu@cqsoo.com ,

并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。反馈给我们

本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。

发表评论

登录后才能评论
Copyright 2007-2019 亿闻天下网 / 渝ICP备89217412123号-1  / 本站由wordpress、阿里云、群英、百度云提供驱动力
QR code