미끄럼 인증번호 해독

이번 주 는 puppeter 로 미끄럼 인증 코드 를 풀 어 내 는 것 을 보고 있 습 니 다.다음은 흔히 볼 수 있 는 해결 사고 입 니 다.puppeter 에 익숙 하지 않 은 학생 들 은 앞서 정리 한 입문 문장 모음 집 을 볼 수 있 습 니 다.
전체 그림 이 없 는 것 에 대해 서 는 현재 생각 이 있 지만 node 로 어떻게 실현 하 는 지 탐색 하고 있 습 니 다.자바 나 python 에서 해당 하 는 api 가 실현 할 수 있 습 니 다.
의지 하 다

  "dependencies": {
    "gm": "^1.23.1",
    "puppeteer": "^1.19.0",
    "rembrandt": "^0.1.3"
  }

dipbit

const puppeteer = require('puppeteer')

async function run() {
    // launch   
    // browser         ，   browser        browserContext
    const browser = await puppeteer.launch({
        headless: false, //            Chrome
        // slowMo: 100,       //         ，      
        defaultViewport: { width: 1366, height: 768 } //     
    })
    const page = await browser.newPage()
    //  navigator webdriver    false，      
    //                  
    // https://github.com/berstend/puppeteer-extra/tree/master/packages/puppeteer-extra-plugin-stealth?source=post_page---------------------------
    await page.evaluateOnNewDocument(() => {
        Object.defineProperty(navigator, 'webdriver', {
            get: () => false
        })
    })

    //               。
    await page.goto('https://www.dipbit.com/auth/login')

    // type   
    await page.type('#email', '[email protected]')
    await page.type('#password', 'password123')

    let sliderElement = await page.$('.slidetounlock') //        
    let slider = await sliderElement.boundingBox() //      x,y      

    let sliderHandle = await page.$('.nc_iconfont.btn_slide') //     
    let handle = await sliderHandle.boundingBox()

    //           。
    await page.mouse.move(handle.x + handle.width / 2, handle.y + handle.height / 2)
    //     
    await page.mouse.down()
    //             
    await page.mouse.move(handle.x + slider.width, handle.y + handle.height / 2, { steps: 250 })
    //     
    await page.mouse.up()

    await page.waitFor(3000)

    // success!

    // await browser.close()
}

run()

타 오 바 오

const puppeteer = require('puppeteer')

async function run() {
    const browser = await puppeteer.launch({
        headless: false,
        defaultViewport: { width: 1366, height: 768 }
    })
    const page = await browser.newPage()

    await page.evaluateOnNewDocument(() => {
        Object.defineProperty(navigator, 'webdriver', {
            get: () => false
        })
    })

    await page.goto('https://world.taobao.com/markets/all/sea/register')
    //                  
    // await (await page.$('#J_AgreementBtn')).click()

    //                   iframe 
    let frame = page.frames()[1]

    await frame.waitForSelector('.nc_iconfont.btn_slide')

    const sliderElement = await frame.$('.slidetounlock')
    const slider = await sliderElement.boundingBox()

    const sliderHandle = await frame.$('.nc_iconfont.btn_slide')
    const handle = await sliderHandle.boundingBox()

    await page.mouse.move(handle.x + handle.width / 2, handle.y + handle.height / 2)
    await page.mouse.down()
    await page.mouse.move(handle.x + slider.width, handle.y + handle.height / 2, { steps: 50 })
    await page.mouse.up()

    await page.waitFor(3000)

    // success!

    // await browser.close()
}

run()

퍼 즐 검증

const puppeteer = require('puppeteer')
const Rembrandt = require('rembrandt') //       
const fs = require('fs').promises

//       
async function run () {
    const browser = await puppeteer.launch({
        headless: false,
        slowMo: true,
        defaultViewport: { width: 1366, height: 768 }
    })
    const page = await browser.newPage()

    let originalImage = ''
    //     
    await page.setRequestInterception(true)
    page.on('request', request => request.continue())
    page.on('response', async response => {
        if (response.request().resourceType() === 'image')
            originalImage = await response.buffer().catch(() => {})
            originalImage && await fs.writeFile('./origin.jpeg', originalImage)
    })

    await page.goto('https://monoplasty.github.io/vue-monoplasty-slide-verify/')

    const sliderElement = await page.$('.slide-verify-slider') //    
    const slider = await sliderElement.boundingBox()

    const sliderHandle = await page.$('.slide-verify-slider-mask-item') //   
    const handle = await sliderHandle.boundingBox()

    let currentPosition = 0
    let bestSlider = {
        position: 0,
        difference: 100
    }

    await page.mouse.move(handle.x + handle.width / 2, handle.y + handle.height / 2)
    await page.mouse.down()

    while (currentPosition < slider.width - handle.width / 2) {

        await page.mouse.move(
            handle.x + currentPosition,
            handle.y + handle.height / 2 + Math.random() * 10 - 5
        )

        let sliderContainer = await page.$('.slide-verify') //           
        let sliderImage = await sliderContainer.screenshot() //         
        await fs.writeFile('./moment.jpeg', sliderImage )
        const rembrandt = new Rembrandt({
            imageA: originalImage,
            imageB: sliderImage,
            thresholdType: Rembrandt.THRESHOLD_PERCENT
        })

        let result = await rembrandt.compare()
        console.log(result)
        let difference = result.percentageDifference * 100

        if (difference < bestSlider.difference) {
            bestSlider.difference = difference
            bestSlider.position = currentPosition
        }

        currentPosition += 5
    }
    //  100               
    await page.mouse.move(handle.x + bestSlider.position, handle.y + handle.height / 2, { steps: 100 })
    await page.mouse.up()

    await page.waitFor(3000)

    // success!

    // await browser.close()
}

run()

geetest

const puppeteer = require('puppeteer')
const Rembrandt = require('rembrandt') //       
const fs = require('fs').promises

async function run() {
  const page = await openPage()
  await trigger(page)
    await saveFullBg(page)
    const {sliderAttrs, barAttrs} = await getElAttrs(page)
    await mousedown(page, sliderAttrs)
    const {position} = await explorePosition(page, sliderAttrs, barAttrs)
    await gotoTargetPosition(page, position, barAttrs)
    await mouseup(page)
}

/**
 *
 *     
 */
async function openPage() {
  const browser = await puppeteer.launch({
    headless: false,
    slowMo: true,
    defaultViewport: { width: 1366, height: 768 }
  })
  const page = await browser.newPage()
  await page.goto('https://www.geetest.com/demo/slide-float.html')
  return page
}

/**
 *
 *          
 */
async function trigger(page) {
  const triggerBtnElementHandle = await page.waitForSelector('.geetest_btn') //           
  const triggerBtnAttrs = await triggerBtnElementHandle.boundingBox()
  await page.mouse.move(
    triggerBtnAttrs.x + triggerBtnAttrs.width / 2,
    triggerBtnAttrs.y + triggerBtnAttrs.height / 2
  )
  await page.mouse.down()
  await page.mouse.up()
}

/**
 *
 *   canvas  ，   buffer
 */
async function getCanvasData(page, selector) {
  const handle = await page.waitForSelector(selector)
  const canvasData = await page.evaluate(el => {
    return el.toDataURL().replace('data:image/png;base64,', '')
  }, handle)

  const buffer = Buffer.from(canvasData, 'base64')
  return buffer
}

/**
 *
 *           ，        。
 */
async function saveFullBg(page) {
  await page.waitForSelector('.geetest_canvas_fullbg')
    const fullBgBuffer = await getCanvasData(page, '.geetest_canvas_fullbg')

  await fs.writeFile('./assets/fullBg.png', fullBgBuffer).catch(e => {
    console.log(e)
    })
}

/**
 *
 *       、           。
 */
async function getElAttrs (page) {
    const sliderElHandle = await page.$('.geetest_slider_button') //   
    const sliderAttrs = await sliderElHandle.boundingBox()

    const barElHandle = await page.$('.geetest_slider') //    
    const barAttrs = await barElHandle.boundingBox()
    console.log(sliderAttrs)
    return {
        sliderAttrs,
        barAttrs
    }
}

/**
 *
 *     
 */
async function mousedown (page, sliderAttrs) {
  await page.mouse.move(
    sliderAttrs.x + sliderAttrs.width / 2,
    sliderAttrs.y + sliderAttrs.height / 2
  )
    await page.mouse.down()
}

/**
 *
 *    5px  ，    。    。
 *           diff，           
 */
async function explorePosition (page, sliderAttrs, barAttrs) {
    let currentPosition = 0
  let bestSlider = {
    position: 0,
    difference: 100
    }

  while (currentPosition < barAttrs.width - sliderAttrs.width / 2) {
    await page.mouse.move(
      sliderAttrs.x + currentPosition,
      sliderAttrs.y + sliderAttrs.height / 2 + Math.random() * 10 - 5
    )

    let bgWrapperHandle = await page.$('.geetest_window') //          
    let sliderImage = await bgWrapperHandle.screenshot() //         
    // await fs.writeFile('./assets/now.jpeg', sliderImage)
    const rembrandt = new Rembrandt({
      imageA: './assets/fullBg.png',
      imageB: sliderImage,
      thresholdType: Rembrandt.THRESHOLD_PERCENT
    })

    let result = await rembrandt.compare()

    let difference = result.percentageDifference * 100

    if (difference < bestSlider.difference) {
      bestSlider.difference = difference
      bestSlider.position = currentPosition
    }

    currentPosition += 5
    }
    return bestSlider
}

/**
 *
 *           
 */
async function gotoTargetPosition (page, position, barAttrs) {
  //  100               
  await page.mouse.move(
    barAttrs.x + position - 20,
    barAttrs.y + barAttrs.height / 2 + Math.random() * 10 - 5,
    { steps: 100 }
  )
}

/**
 *
 *     ，    。
 */
async function mouseup (page) {
    await page.mouse.up()
}

run()

레 퍼 런 스
how-to-bypass-slider-captcha-with-js-and-puppeteer

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

다양한 언어의 JSON

JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

미끄럼 인증번호 해독

좋은 웹페이지 즐겨찾기