本文列舉兩個例子：某象和某驗的滑動驗證

創新互聯專注于嵩明企業網站建設,成都響應式網站建設公司,成都商城網站開發。嵩明網站建設公司,為嵩明等地區提供建站服務。全流程定制網站建設，專業設計，全程項目跟蹤，創新互聯專業和態度為您提供的服務

一、某驗：aHR0cHM6Ly93d3cuZ2VldGVzdC5jb20vZGVtby9zbGlkZS1mbG9hdC5odG1s

未還原圖像:

還原后的圖:

從服務端請求來的圖片是打亂后的，給用戶看的時候是完整的，這個過程肯定是運行了某段js代碼，將打亂的圖片進行還原操作。所以我們需要找到這段js，然后還原它的代碼邏輯，實現圖片的還原操作，找到缺口距離，實現滑動操作。

如果你仔細觀察的話，你會發現還原后的圖它是canvas生成出來的

那你應該會想到，那段js中會生成canvas，然后使用它下面的一些方法，實現圖片的還原操作，所以我們需要知道他啥時候生成canvas，找到位置，然后慢慢往下調試，找到還原代碼。

這時我們就需要使用油猴插件，進行hook了。如果對油猴不了解的同學，可以谷歌百度下，學習下，這是非常有用的，代碼如下:

// ==UserScript==
// @name     hook createElement
// @namespace  http://tampermonkey.net/
// @version   0.1
// @description try to take over the world!
// @author    朱宇
// @match    *://*/*
// @grant    none
// ==/UserScript==

(function() {
  'use strict';

  // Your code here...
  let _createElement = document.createElement.bind(document);

  document.createElement = function (elm) {
    console.log("createElement:",elm);
    if (elm === "canvas") {
      // debugger;
    }
    return _createElement(elm);
  }
})();

另外有需要云服務器可以了解下創新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

文章名稱：Js逆向實現滑動驗證碼圖片還原的示例代碼-創新互聯
文章路徑：http://vcdvsql.cn/article22/jsicc.html

成都網站建設公司_創新互聯，為您提供定制開發、靜態網站、服務器托管、虛擬主機、網站導航、商城網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯