iT邦幫忙

鐵人檔案

2019 iT 邦幫忙鐵人賽
回列表
AI & Data

Puppeteer 簡單快速建立自己的 Nodejs 爬蟲 系列

會簡單入門的方式透或GOOGLE好用的Puppeteer 套件
輕鬆地建立起自己的爬蟲
過程中也會邊學習typescript
會以js和ts方式同時呈現code
並在最後簡單地用vuejs建立自己的爬完的小網站
或者是建立自用小型伺服器http方式取得爬完的資料

參賽天數 25 天 | 共 25 篇文章 | 27 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11 中場休息 Typescript (ts) 練習

累.jpg原本用到一半的page竟然沒存到檔只好休息一下今天先不要PAGE,我練習一下ts(Typescript) 這邊大家用VSCODE打開並下 npm i...

2018-10-11 ‧ 由 henry.w 分享
DAY 12

Day 12 Puppeteer API 介紹 - class: Worker

page的介紹等到下下下篇吧,因為回家了另外之後會挑會用到的解釋好了,不然再偷懶下去也不是辦法 worker最主要是在解決前端效能的問題,如果有需要再看就好了...

2018-10-12 ‧ 由 henry.w 分享
DAY 13

Day 13 Puppeteer API 介紹 - class: Keyboard, Mouse

class: Keyboard Keyboard類別提供很多方法模擬實體鍵盤。像是在頁面上按下按鈕、輸入、釋放按鈕。 更細部的控制,可以用keyboard....

2018-10-13 ‧ 由 henry.w 分享
DAY 14

Day 14 Puppeteer API 介紹 - class: Touchscreen, Tracing, Dialog

class: Touchscreen模擬觸控螢幕 touchscreen.tap(x, y)點螢幕,會調用 touchstart 和 touchend...

2018-10-14 ‧ 由 henry.w 分享
DAY 15

Day 15 Puppeteer API 介紹 - class: Page event part 1

class: Pageextends: EventEmitterPage提供方法去 Chromium 的與單個分頁或延伸背景頁面溝通。一個 Browser 實例...

2018-10-15 ‧ 由 henry.w 分享
DAY 16

Day 16 Puppeteer API 介紹 - class: Page method part 2

延續上一篇 page.$(selector)這個方法使用 document.querySelector,selector裏面放element(html ta...

2018-10-16 ‧ 由 henry.w 分享
DAY 17

Day 17 Puppeteer API 介紹 - class: Page method part 3

page.evaluateOnNewDocument(pageFunction, ...args)此方法是在文件載入但還沒載 scripts tag之前,可...

2018-10-17 ‧ 由 henry.w 分享
DAY 18

Day 18 Puppeteer API 介紹 - class: Frame, ConsoleMessage

class: FrameFrame 物件的生命周期被3個事件控制 'frameattached' 第一次連接上,只能連接上頁面一次 'framenavig...

2018-10-18 ‧ 由 henry.w 分享
DAY 19

Day 19 Puppeteer API 介紹 - class: ExecutionContext, JSHandle

class: ExecutionContext這個是代表JavaScript execution的context,每個page都有很多個,這可以透過fram...

2018-10-19 ‧ 由 henry.w 分享
DAY 20

Day 20 Puppeteer API 介紹 - class: ElementHandle

class: ElementHandleElementHandle代表頁面DOM的物件,可以透過page.$創造 const puppeteer = req...

2018-10-20 ‧ 由 henry.w 分享