首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Puppeteer实现选择性截图

browser.close(); } start(); 修改后即可完成对百度搜索框的局部截图 但上面的实现有些复杂,我们需要获取位置信息,有没有一种方式针对元素进行截图呢,puppeteer提供了另一个接口ElementHandle.screenshot...ElementHandle 对象是页面内的Dom对象。...如果使用ElementHandle.screenshot ,我们的代码可以修改为 const puppeteer = require('puppeteer'); const start = async...await browser.close(); } start(); 总结 两种方法可以作如下类比学习: page.screenshot 如果类比为document.getElementById ElementHandle.screenshot...domElement.getElementById PS 今天puppeteer 发布了1.4.0版本主要更新如下: 大的升级:Chromium 68.0.3419.0 (r555668) API 增加:1、elementHandle

8.2K91

Web UI自动化框架-Puppeteer

page.reload :重新加载页面 page.waitForNavigation:等待页面跳转 2、等待元素、请求、响应 page.waitForXPath:等待 xPath 对应的元素出现,返回对应的 ElementHandle...实例 page.waitForSelector :等待选择器对应的元素出现,返回对应的 ElementHandle 实例 page.waitForResponse :等待某个响应结束,返回 Response...page.waitForXPath('//img'):等待某个 xPath 对应的元素出现 page.waitForSelector('#uniqueId'):等待某个选择器对应的元素出现 4、元素操作 elementHandle.click...():点击某个元素 elementHandle.tap():模拟手指触摸点击 elementHandle.focus():聚焦到某个元素 elementHandle.hover():鼠标 hover 到某个元素上...elementHandle.type('hello'):在输入框输入文本

1.9K20

Puppeteer已经取代PhantomJs

),也可以多个子框架,主要由 iframe 标签创建产生的 ExecutionContext: 是 javascript 的执行环境,每一个 Frame 都一个默认的 javascript 执行环境 ElementHandle...对应 DOM 的一个元素节点,通过该该实例可以实现对元素的点击,填写表单等行为,我们可以通过选择器,xPath 等来获取对应的元素 JsHandle:对应 DOM 中的 javascript 对象,ElementHandle...实例 page.waitForSelector :等待选择器对应的元素出现,返回对应的 ElementHandle 实例 page.waitForResponse :等待某个响应结束,返回 Response...elementHandle.click():点击某个元素 elementHandle.tap():模拟手指触摸点击 elementHandle.focus():聚焦到某个元素 elementHandle.hover...():鼠标 hover 到某个元素上 elementHandle.type(‘hello’):在输入框输入文本 3、拦截请求 请求在有些场景下很有必要,拦截一下没必要的请求提高性能,我们可以在监听 Page

6K10

前端人的爬虫工具【Puppeteer】

也可以多个子框架,主要由 iframe 标签创建产生的 ExecutionContext: 是 javascript 的执行环境,每一个 Frame 都一个默认的 javascript 执行环境 ElementHandle...对应 DOM 的一个元素节点,通过该该实例可以实现对元素的点击,填写表单等行为,我们可以通过选择器,xPath 等来获取对应的元素 JsHandle:对应 DOM 中的 javascript 对象,ElementHandle...page.waitForNavigation() ]); await page.close(); await browser.close(); })(); 那么 ElementHandle...elementHandle.click():点击某个元素 elementHandle.tap():模拟手指触摸点击 elementHandle.focus():聚焦到某个元素 elementHandle.hover...():鼠标 hover 到某个元素上 elementHandle.type('hello'):在输入框输入文本 Case3: 植入 javascript 代码 Puppeteer 最强大的功能是,你可以在浏览器里执行任何你想要运行的

3.2K20
领券