코딩/puppeteer 자동화4 puppeteer 트러블슈팅 - 2 > 텍스트 박스에 입력값 넣기 (How to fill an input field using puppeteer) ※ puppeteer 1.20.0 버전에서 발생하는 현상입니다. Selenium 자동화를 써오다가 새로운 javascript에 puppeteer에 적응하자니 헷갈리는게 너무 많다... Selenium 에서는 sendkeys() 라는 함수를 쓰면 텍스트 박스에 값을 입력할 수 있었는데, puppeteer는 많이 달랐다. 네이버에서 간단하게 로그인하는 코드를 작성해봤다. const page = await browser.newPage(); await page.setViewport({ width, height }); await page.goto( "https://www.naver.com/", { waitUntil : "networkidle2" } ); page.waitForNavigation(),// 해당 페이.. 2019. 9. 30. puppeteer 트러블슈팅 - 1 > "headless: false" 옵션값을 넣어주었을 때, Page Crush 나는 현상 트러블슈팅 ※ puppeteer 1.20.0 버전에서 발생하는 현상입니다. puppeteer에서 headless : false 값을 넣어주면, 크롬 창이 나타나면서 코드가 어떻게 돌아가는지 보여주는데, 크롬 창이 나타나면서 아래와 같이 Page Crush 가 발생하는 현상이 있었다. const puppeteer = require('puppeteer'); puppeteer.launch({ headless: false, }).then(async browser => { const page = await browser.newPage(); await page.goto('https://www.naver.com'); await page.screenshot({ path: 'myscreenshot.png', fullPage: tr.. 2019. 9. 30. Javascript 자동화 puppeteer - 웹페이지 pdf로 추출 안녕하세요. salzzak 입니다~ 저번엔 이미지로 캡쳐를 했는데, 이번에는 pdf로 캡쳐를 해보겠습니다. 사실 https://github.com/GoogleChrome/puppeteer 에 다 있는 내용인데... 공부도 할겸.. 이렇게 포스팅을 해봅니다! const puppeteer = require('puppeteer'); (async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.goto('http://www.salzzakart.com/portfolio', {waitUntil: 'networkidle2'}); await page.pdf({path: 'salzzak.pdf.. 2019. 9. 30. Javascript 자동화 - Headless chrome puppeteer 소개 Puppeteer - 인형을 부리는 인형술사라는 뜻 안녕하세요, salzzak입니다~ puppeteer은 구글 크롬 프로젝트에서 만든 Headless chrome API 입니다. 크롬브라우저에서의 자동화 테스트를 headless모드와 nod-headless 모드 둘 다 사용가능하도록 하는 node.js 라이브러리로, 헤드리스 브라우저란 일반적으로 시각적으로 보이지 않고 백그라운드에서 작동하는 브라우저를 말합니다. https://github.com/GoogleChrome/puppeteer 위 github에 있는 설명을 공부하면서 포스팅을 해보겠습니다! 우선 node.js 를 아래 링크에서 받으십니다~ https://nodejs.org/en/download/ 설치가 완료 되면 cmd 프롬프트를 열어서 아래 .. 2019. 9. 30. 이전 1 다음
