开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

Page.evaluate()返回undefined，但语句在Chrome devTools中有效

Page.evaluate()是Puppeteer库中的一个方法，用于在浏览器页面中执行JavaScript代码，并返回执行结果。当Page.evaluate()返回undefined，但语句在Chrome DevTools中有效时，可能有以下几个可能的原因：

代码执行顺序问题：Page.evaluate()是一个异步方法，它会在浏览器页面中执行JavaScript代码，但不会等待代码执行完毕再返回结果。因此，如果在Page.evaluate()之后立即访问返回值，可能会得到undefined。解决方法是使用async/await或者.then()来确保代码执行完毕后再获取返回值。
代码语法错误：在Page.evaluate()中执行的JavaScript代码可能存在语法错误，导致代码无法正确执行并返回undefined。可以通过在Chrome DevTools中逐行调试代码，或者在代码中添加错误处理来定位和解决语法错误。
页面上下文问题：Page.evaluate()执行的代码是在浏览器页面的上下文中执行的，如果代码中引用了页面中不存在的变量或函数，可能会导致代码执行失败并返回undefined。可以通过在代码中添加错误处理，或者在Page.evaluate()中传递额外的参数来解决上下文问题。

总结起来，当Page.evaluate()返回undefined，但语句在Chrome DevTools中有效时，可以通过检查代码执行顺序、解决语法错误和处理页面上下文问题来解决该问题。

腾讯云相关产品和产品介绍链接地址：

腾讯云官网：https://cloud.tencent.com/
云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动应用开发平台（MADP）：https://cloud.tencent.com/product/madp
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe

相关搜索:window.open在chrome扩展中返回undefined 在Javascript中运行函数，但最后总是返回'undefined‘在sas中如何修复此错误:宏VV至少包含一个%GOTO语句，但没有定义有效的标签？在我的查询中，不返回codeigniter.This代码中的任何内容都是有效的，但没有给出任何结果尽管在header/Axios中设置了有效的JWT，但来自axios的Post请求始终返回Unauthorized 文本中带有点/句点的XPATH在作为变量创建时返回No Results，但如果使用文本则有效测量图像的宽度和高度在Chrome和Firefox中返回0，但在Safari中有效 linux 启动耗时 linux 两个减号 linux 命令行改

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

web自动化测试-puppeteer入门与实践

在chrome 59 chrome团队支持了headless模式，在Headless模式下，用于自动化测试和不需要可视化用户界面的服务器。...Puppeteer是谷歌官方出品的一个通过DevTools协议控制headless Chrome的Node库。...执行的结果如果pageFunction返回的是[Promise]，page.evaluate将等待promise完成，并返回其返回值。...如果pageFunction返回的是不能序列化的值，将返回undefined 来看下事例：给pageFunction传参数示例： const result = await page.evaluate(...上述代码中通过 await puppeteer.launch({devtools: true});打开调试模式。 ?

1.5K3 0

Puppeteer 入门指引

Puppeteer 是什么 Puppeteer 是一个 Node library，提供了一套完整的通过 DevTools 协议操纵 Chrome 或 Chromium 的 API。...熟悉爬虫或者 UI 自动化的同学可能会联想到 PhantomJS、CasperJS 或者 Selenium，而作为 Chrome DevTools 团队亲自出品和维护的 puppeteer 不管是在功能的完整性...示例 4 - 自动填充表单并提交（在 https://developers.google.com 页面搜索框中输入关键词 Headless Chrome 并搜索）创建 search.js const...(resultsSelector); // 从页面中爬取结果 const links = await page.evaluate((resultsSelector) => { const...debugger 进行调试：首先在启动 puppeteer 的时候设置 {devtools: true}：然后在 evaluate() 的执行代码中插入 debugger，这样 Chromium 在执行到这一步的时候会停止

1.5K5 0

网站性能测试利器:Puppeteer

整个测试归结为page.evaluate（）在page上下文中发送window.performance.timing，并使用JSON.parse（）解码结果。...DevTools性能时间轴面板-首次有意义绘图本章将使用Chrome性能指标(Chrome Performance Metrics)。...但有些功能你能用原始的Chrome DevTools 协议实现，而Puppeteer API不能。目前，在0.13版本中，只有通过page._client.send（）才能获得原始协议的方法。...如果你在testPage.js中发现了奇怪的代码page.waitFor（1000），这就对了。但为什么需要延迟测量首次有意义绘图？...Chrome DevTools协议需要启用特定域名，但其中一些域名是由Puppeteer启用的。 ServiceWorker域名不在Puppeteer中使用，所以我们必须手工启动它。

5.2K13 0

Puppeteer 入门与实战

一、起因虽说Puppeteer是Chrome开发团队2017年发布的一个 Node.js包，但是在团队日常工作中基本没有使用。...(url, { waitUntil: 'networkidle2' }) // 等待3000ms，等待浏览器的加载 await page.waitFor(3000) // 可以在page.evaluate...的回调函数中访问浏览器对象，可以进行DOM操作 const emojis = await page.evaluate(() => { let ol = document.getElementsByClassName...二、Headless Chrome Headless Chrome在Chrome59中发布，用于在headless环境中运行Chrome浏览器，也就是在非Chrome环境中运行Chrome。..._connection.send('Target.createTarget',{})使用CDP中的Target.createTarget创建页面了页面，同样，在我们其他API时也是在使用CDP中的方法，

2K4 0

Node：使用Puppeteer完成一次复杂的爬虫

the DevTools Protocol....简而言之，这货是一个提供高级API的node库，能够通过devtool控制headless模式的chrome或者chromium，它可以在headless模式下模拟任何的人为操作。...方法，该方法的参数是一个函数，这个函数将会在页面内部运行，这个函数的返回的数据将会以Promise的形式返回到外部 const list = await page.evaluate(()...(集群)实现，本质都是一样的我在爬取的过程中也设置了不同的等待时间，一方面是为了等待网页的加载，一方面避免淘宝识别到我是爬虫弹验证码 Puppeteer的其它功能这里仅仅利用了Puppeteer...此外一些需要登录的网站，如果你不想识别验证码委托第三方进行处理，你也可以关闭headless，然后在程序中设置等待时间，手动完成一些验证从而达到登录的目的。

3.4K9 0

Puppeteer踩坑问题记录

Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。...下文主要记录puppeteer进行自动化测试过程中，遇到的问题。...解决方案：使用不包含Chromium的puppeteer-core，再自己下载不同系统下的chromium，在配置参数中指定chromium的路径。...解决方案：覆盖navigator.geolocation.getCurrentPosition方法，直接返回一个模拟位置。...解决方案：直接在page.evaluate设置为该窗口尺寸下，应该出现的font-size await page.evaluate(() => { document.documentElement.style.fontSize

1.6K2 0

自动化 Web 性能分析之 Puppeteer 爬虫实践

本文将向大家介绍自动化性能分析使用的核心库——Puppeteer，并结合页面登录场景，介绍 Puppeteer 在百策系统中的应用。...Puppeteer 简介 Puppeteer 是一个 Node 库，它提供了一整套高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。...创建最新的自动化测试环境，使用最新的 JavaScript 和浏览器功能，直接在最新版本的 Chrome 中运行测试。捕获页面的时间轴来帮助诊断性能问题。测试 Chrome 扩展程序。...为能在页面执行 JavaScript 从而来检测页面性能，我们就需要用到以下 API： page.evaluate(pageFunction[, ...args]) 在浏览器中执行此函数，返回一个 Promise...green > diffPixel || blue > diffPixel) { return i; } } } }); // 获取滑动按钮在页面中的坐标

3.4K4 0

Puppeteer：从零出发，全面掌握浏览器自动化神器

textContent 被成功的输出，说明 el 是个有效的对象，但如果直接返回 el 对象，你会看到不一样的结果，终端输出了 {} 。...}) 添加 debugger; 关键字中断代码： // 注意启用 devtools 选项 await page.evaluate(() => { // 模拟客户端代码中使用 debugger; 关键字中断代码执行...node --inspect-brk index.mjs" // v7.24.2 + 在 Chrome 或 Chromium 中打开 chrome://inspect/#devices ，在新页面中的...在新打开的浏览器中，按 F8 可以恢复测试执行；添加的 debugger; 关键字也会被命中并中断程序执行；记录 DevTools 协议流量：以上的调试方法都不起作用时，则可能是 Puppeteer...扩展测试： Puppeteer 可以用于测试 Chrome 扩展程序，但需要注意的是 headless: 'shell' 模式中不可用。

2551 0

Puppeteer 初探

Puppeteer是一个Node库，它提供了一个高级API来通过DevTools协议控制无头 Chrome或Chromium ，它也可以配置为使用完整（非无头）Chrome或Chromium。...你可以在浏览器中手动完成的大部分事情都可以使用Puppteer完成比如：生成页面的屏幕截图和PDF。抓取SPA并生成预先呈现的内容（即“SSR”）。自动表单提交，UI测试，键盘输入等。...使用最新的的JavaScript和浏览器功能，直接在最新版本的Chrome浏览器中运行测试。捕获您网站的时间线跟踪，以帮助诊断性能问题。...iframe.evaluate() 在浏览器中执行函数，相当于在控制台中执行函数，返回一个 Promise Array.from 将类数组对象转化为对象 page.click() 点击一个元素 iframe...$eval() 相当于在 iframe 中运行 document.queryselector 获取指定元素，并将其作为第一个参数传递 iframe.

2.7K2 0

使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

协议控制headless Chrome的Node库。...另外headless Chrome本身对服务器依赖的库的版本要求比较高，centos服务器依赖偏稳定，v6很难使用headless Chrome，提升依赖版本可能出现各种服务器问题（包括且不限于无法使用...page.evaluate 这个函数，内部是处理我们进入想要爬取网页的数据逻辑 page.goto和 page.evaluate两个方法，可以在async内部调用多次，那意味着我们可以先进入京东网页...的中文官网下载对应的操作系统包第二步，在下载安装完了Node.js后，启动windows命令行工具(windows下启动系统搜索功能，输入cmd，回车，就出来了) 第三步需要查看环境变量是否已经自动配置,在命令行工具中输入...cnpm i puppeteer --save 命令即可下载第七步完成第六步下载后，打开本项目的url.js，将您需要爬虫爬取的网页地址替换上去(默认是http://nodejs.cn/) 第八步在命令行中输入

3.1K6 0

（最新版）如何正确移除Selenium中的 window.navigator.webdriver

在《一日一技：如何正确移除Selenium中window.navigator.webdriver的值》一文中，我们介绍了在当时能够正确从Selenium启动的Chrome浏览器中移除window.navigator.webdriver...所以即使要执行这段 JavaScript 语句，也应该是在浏览器运行网站自带的所有 JavaScript 之前。这也就是我们现在的方案。...可能有读者会认为，是不是通过写 Chrome 浏览器的插件，让插件里面的 JavaScript 语句在网站页面刚刚打开，还没有运行自带的 JavaScript 之前运行。...这种方式虽然可以解决问题，但稍显麻烦，我们今天的方法非常简单。就是使用 Google 的Chrome Devtools-Protocol（Chrome 开发工具协议）简称CDP。...我们打开 CPD 的官方文档[1]，可以看到如下的命令： 在每个Frame 刚刚打开，还没有运行 Frame 的脚本前，运行给定的脚本。

4.2K3 0

分享 10 个你可能不知道的 Devtools 技巧！

Edge 和 Firefox 的 Devtools 都提供了编辑并重新发送网络请求的功能（Chrome 在最近的版本中也在尝试提供类似的能力，不过只能覆盖 Header ，体验并不是很好）比如，在 Edge...禁用调试语句有些网站会故意使用 debugger 语句来禁止你调试，只要 DevTools 关闭，这个语句就没有效果，但是只要你打开它，DevTools 就会暂停网站的主线程。...我们可以在 Devtools 中找到 3D 视图面板，然后打开它：在 3D 视图工具中，在三种不同模式之间进行选择：Z-Index、DOM 和 Composited Layers。...切换 Devtoos 语言一般情况下 Devtools 都会继承操作系统当前选择的默认语言，但是 Devtoos 上的翻译有时候真的挺别扭的，在 Safari 、 Chrome 或 Edge 中，我们都可以在...Devtoos 的设置中随意切换目标语言，如果你也觉得翻译过来的中文比较别扭，还是建议直接使用英文版但是，在 Firefox 中，DevTools 始终会与浏览器的语言匹配，所以如果你想使用法语版的

4141 0

前端人的爬虫工具【Puppeteer】

它提供了高级API来通过 DevTools 协议控制无头 Chrome 或 Chromium ，它也可以配置为使用完整（非无头）Chrome 或 Chromium。...Headless Chrome 是什么可以在无界面的环境中运行 Chrome。通过命令行或者程序语言操作 Chrome。无需人的干预，运行更稳定。...Puppeteer 提供了一系列 API，通过 Chrome DevTools Protocol 协议控制 Chromium/Chrome 浏览器的行为。...page.evaluate(pageFunction[, ...args])：在浏览器环境中执行函数 page.evaluateHandle(pageFunction[, ...args])：在浏览器环境中执行函数...一样，tab 页多必然会卡，所以必须有效控制 tab 页个数一个 Chrome 实例启动时间长了难免会出现内存泄漏，页面奔溃等现象，所以定时重启 Chrome 实例是有必要的为了加快性能，关闭没必要的配置

3.3K2 0

Python爬虫神器pyppeteer，对 js 加密降维打击

开发环境 python3.6+ 最好是 python3.7，因为asyncio在 py3.7中加入了很好用的asyncio.run()方法。安装pyppeteer 如果安装有问题请去看官方文档。...注入 js 脚本可以通过page.evaluate形式，例如： await page.evaluate(""" () =>{ Object.defineProperties(navigator...这等价于在 devtools 里面输入那一段 js 代码。...同时你可以打开 chrome 的开发者工具运行一下这段 js 脚本。完整代码这段代码一共也就只有70多行，比较简陋，情根据自己的实际需求更改。...(Windows NT 10.0; Win64; x64) AppleWebKit/537.36 ' '(KHTML, like Gecko) Chrome

3K2 0

如何解决selenium被检测，实现淘宝登陆

正常情况下 window.navigator.webdriver的值为undefined。...第二种方法依旧通过selenium，不过是在服务器在第一次发送js并在本地验证的时候，做好‘第一次’的伪装，从而实现‘第一次登陆’有效。。方法简单，适合小白。...可以针对耗时的操作进行挂起 browser = await launch({'headless': False, 'args': ['--no-sandbox'], }) # 启动pyppeteer 属于内存中实现交互的模拟器...page.setUserAgent( 'Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome...await page.evaluate('''() =>{ window.navigator.chrome = { runtime: {}, }; }''') await page.evaluate

4.3K4 0

python+playwright 学习-40.page.evaluate()执行JavaScript脚本

在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。...page.evaluate()和page.evaluate_handle()之间的唯一区别是page.evaluate_handle()返回JSHandle。...page.evaluate() 返回调用执行的结果 page.evaluate_handle()返回JSHandle page.evaluate() 此方法返回evaluate() 返回执行JavaScript...如果传递给page.evaluate()的函数返回一个不可序列化的值，则page.evaluate()解析为undefined 操作 web 网页示例执行document.title 获取页面的title...page.evaluate_handle()返回JSHandle page.evaluate()和page.evaluate_handle()之间的唯一区别是page.evaluate_handle()

6382 0

我写了一个自动化脚本涨粉，从0阅读到接近100粉丝

Puppeteer 是一个 Node 库，它提供了一个高级 API 来通过 DevTools 协议控制 Chromium 或 Chrome。...Chromium 和 Chrome区别在学puppeteer之前我们先来了解下 headless chrome 什么是 Headless Chrome 在无界面的环境中运行 Chrome 通过命令行或者程序语言操作...Chrome 无需人的干预，运行更稳定在启动 Chrome 时添加参数 --headless，便可以 headless 模式启动 Chrome alias chrome="/Applications...userDataDir string 设置用户数据目录，默认linux 是在 ~/.config 目录，window 默认在 C:\Users{USER}\AppData\Local\Google\Chrome...devtools boolean 是否为每个选项卡自动打开DevTools面板，这个选项只有当 headless 设置为 false 的时候有效 puppeteer如何使用下面介绍 10 个关于使用

4761 0

使用 Chrome DevTools 调试 JavaScript

您将了解如何使用 Chrome 开发人员工具来设置断点并逐步完成代码。这是更有效的在代码中查找和修复 bug 的方法。...确保在新标签页中打开此页面：打开https://googlechrome.github.io/devtools-samples/debug-js/get-started或者点击阅读原文。...注意DevTools 如何跳过这几行代码。这是因为 inputsAreEmpty() 返回 false，所以 if 语句的代码块没有执行。这是跳过函数基本思想。...您可以在 Watch 表达式中存储任何有效的 JavaScript 表达式。现在就试试：在 Sources 面板, 点击 Watch。点击 Add Expression 按钮。...可以使用控制台来评估任意的 JavaScript 语句。开发人员通常使用控制台在调试时覆盖变量值。在您的情况下，控制台可以帮助找到啊修复 bug 的方法。

2.3K7 0

《最新出炉》系列初窥篇-Python+Playwright自动化测试-31-JavaScript的调用执行-上篇

2.使用JS语句模拟向下滚动页面可以使用JS语句，定位滚动条的位置到最下面，从而实现页面的向下滚动。...，大家可以注意宏哥录制浏览器动作视频的滚动条在向下滚动直到博客园的底部。...共有两种方法， document.body.scrolltop//当没有DOCTYPE声明时，用它 document.documentElement.scrollTop//标准网页，用它 2.也有人说chrome...方式，得到height值其实在实际使用中，为确保在各个浏览器中的正常使用，js代码可采用如下方法： var height = document.body.scrolltop||document.documentelement.scrolltop...因为这二者只有一个值有效，因此保证了在各种情况下都能获取浏览器滚动条滚动的距离。

2191 0

JS 实现网页截屏五种方法

简单来说，Puppeteer就是通过WebSocket给浏览器发送遵循Chrome Devtools Protocol的数据，命令浏览器去执行一些操作。...然后，浏览器再通过WebSocket把结果返回给Puppeteer。这个过程是异步的，所以看源代码会发现好多async/await。...所以screenshot方法是调用了Chrome Devtools Protocol的captureScreenshot。总结：支持WebGL。...Puppeteer是对（CDP）Chrome Devtools Protocol功能的封装。大部分功能都是通过WebSocket传输给CDP处理的。...以Puppeteer的API为例，可以首先使用page.addScriptTag(options)往网页中添加前端截屏的库，然后在page.evaluate(pageFunction[, ...args

7.1K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭