【漫畫詳解】用iframe障眼法,騙取用戶點擊


  做過Web開發的朋友曾經都有過這么個念頭:在自己的頁面里內嵌一個其他網站的網頁,然后可以用腳本去獲取他們頁面里的信息,甚至可以。。。

  顯然,有這么好的事也肯定輪不到你來嘗了:)一個叫沙箱模型的東西被發明出來,就是防止有這種想法的人搞破壞。。。所以現在的我們只能遠觀,不可褻玩也。

  

  

  不過,這些規定只是針對腳本而已。假如讓用戶自己乖乖的去點,那當然是沒問題的。但有多少人會去點呢!!

  所以,我們需要施一些特殊的障眼法,讓用戶在不經意間,就點了我們想讓他點的東西:)

  就拿上面那個來說吧,如果直接把這個大頁面赤果果的硬塞進網頁,無論你怎么提示他點,或者說多少好話,大家見了就煩,就是不點:)

  

 

  所以說,我們必須得修飾修飾,不然人家見了就嚇跑了。首先也是最關鍵的就是這身材問題,突然冒出個這么肥碩的一個頁面,看的人眼花繚亂,不知道發送什么情況啦。我們要好好修剪一下,把沒用的部分統統去掉,只留下我們想要的“精華”。這個簡單,只要把框架先放到一個層里面,然后把層的尺寸固定好,最后調整下框架的偏移位置,朝左上方移,正好讓“加關注”完全顯示在層里面。(用css的clip屬性就更簡單了,不過有些瀏覽器不支持)

   

  這樣一來,龐大的微博頁面,只露出我們希望用戶點的那個“按鈕”了。但這幾個字還是會讓用戶知道我們的意圖,所以必須去掉。要修改iframe的內容當然是不可能的,但上面放些文字或圖片,那框架就被覆蓋,收不到事件了。不過別急,我們僅僅是要讓用戶看不到“加關注”這幾個字而已,並不一定要真正的去掉。所以,我們只需給iframe設置一個很小很小的透明度,讓他“看不見卻摸得着”。

  最后,就差粉飾粉飾了。我們給div設置一個背景圖片,里面畫着“關閉廣告”,或者“不再提示”之類的,讓用戶覺得點了有意義的按鈕。

  

  若是嫌這個按鈕太小,沒有吸引用戶去點的魅力,那么不難。我們只需用zoom(或transform: scale)屬性放大一下iframe就行了,根據放大的比例,調整下裁剪的區域,OK。

  

  

  哈哈,夠土的辦法!要是再裝飾裝飾,放到某個頁面里,有時還真能做些事兒,尤其是頁面里一些不需要用戶確認的操作,只要對應的按鈕位置是固定的話,就很容易中了這圈套。

  當然從防范角度來考慮,在一些重要的操作里,最好能判斷是否被嵌套在人家的頁面里。若不能,則需要個驗證碼驗證,哪怕是個提示對話框,也能防住這類弱智的騙局。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM