Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >使用puppeteer选择下拉选项

使用puppeteer选择下拉选项
EN

Stack Overflow用户
提问于 2021-09-03 06:34:04
回答 1查看 27关注 0票数 0

试图在Wunderground/wundermap (https://www.wunderground.com/wundermap)中自动选择下拉项,但遇到了一些困难。选择项没有命名,每次页面加载都会得到一个随机的ID ( ID的公共元素,但是是新的数字)。该元素为:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<select aria-label="Map Types" class="header-select ng-pristine ng-valid ng-touched" style="width: 200px;" id="mapTypes0.3556425555390934"><option title="Show street map with terrain" value="terrain" selected="selected">Terrain</option><option title="Show Dark Map" value="darkmap">Dark Map</option><option title="Show Light Map" value="lightmap">Light Map</option><option title="Show satellite imagery" value="satellite">Satellite</option><option title="Show imagery with street names" value="hybrid">Hybrid</option></select>

正在尝试使用木偶人选择暗图。

我尝试了几个页面评估选项,但它们似乎找不到元素。有什么建议吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-09-03 11:02:01

这似乎起作用了:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
import puppeteer from 'puppeteer';

const browser = await puppeteer.launch({ headless: false, defaultViewport: null });

try {
  const [page] = await browser.pages();

  await page.goto('https://www.wunderground.com/wundermap');

  const select = await page.waitForSelector('select[aria-label="Map Types"]');
  await select.select('darkmap');
} catch (err) { console.error(err); }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/69046634

复制
相关文章
使用 Python Selenium 提取动态生成下拉选项
在进行网络数据采集和数据分析时,处理动态生成的下拉菜单是一个常见的挑战。Selenium是一个强大的Python库,可以让你自动化浏览器操作,比如从动态生成的下拉菜单中选择选项。这是一个常见的网页爬虫和数据收集者面临的挑战,但是Selenium让它变得简单。
jackcode
2023/06/07
1.2K0
使用 Python Selenium 提取动态生成下拉选项
下拉选择框
当我们在填一些问卷的时候,问卷的设计基本都是通过输入框实现的,普通的输入框就是一个问题后面会出现一个填写内容的框架,有时还会出现下拉选择框,下拉选择框的实现是与普通输入框不一样的,下面将介绍下拉选择框的算法。
算法与编程之美
2022/04/08
2K0
下拉选择框
Puppeteer实现选择性截图
截图的代码很简单,比如如果我想实现对百度搜索框部分截图怎么做呢,查询page.screenshot api 可以看到其api说明中包含clip 选项,用于设置截图的x,y,width,hegiht.通过查看元素可以看到搜索框部分的form id 为 form 。
Jerremy
2018/05/09
8.5K5
Puppeteer实现选择性截图
vue3 实现 select 下拉选项
本人学生 🐶, 平时在外面没事接点小项目小赚一笔补贴生活费. 之前一直都是使用Vue2.x的版本做项目, 暑假刚刚学习了Vue3想着新项目就直接用Vue3上手. 效果展示 好了, 话不多说先给大佬们看看效果样式: 组件难点 因为下拉框可能会在某些情况下被挡住, 所以这里的下拉框被挂载到了body标签上, 并且下拉框中的选项往往是以<slot>插槽的形式编写, 这里就会困扰到很多小白, 搞不明白怎么样才能在 下拉框 与触发下拉按钮 之间关联响应式事件与数据. 组件的使用 <tk-select selec
玖柒的小窝
2021/10/22
4.8K0
vue3 实现 select 下拉选项
puppeteer使用基础
sofu456
2023/07/22
1740
js下拉列表实现增加和移除选项
JaneYork
2023/10/11
2670
关于WebDriver中下拉框选项操作 ---- >>Select类的使用:
在UI测试的过程中,我们经常会遇到对下拉框的处理, 笔者在日常的维护中, 对下拉框的处理的太多, 各种好定位的不好定位的, 这里可以分享两种定位方法:
呆呆
2021/05/18
1.2K0
selenium下拉框选择
下拉框结构如下,我需要选择的是new: html为: <select id="condition_type" name="condition_type" class="notification-req
机器学习和大数据挖掘
2019/07/02
3.3K0
生成带下拉选项的excel(xls、xlsx)
原理:当我们需要生成带下拉框的excel,我们可以把需要下拉选择的数据放到sheet2,将sheet2的这些存放待绑定数据的单元格绑定到sheet1的需要下拉的单元格,而sheet2可以根据需求是否隐藏
用户9236851
2023/02/23
9840
向DropDownList 下拉框添加新选项[通俗易懂]
大家有没有遇见过这样的情况,假如有一个下拉框,现在让你在下拉框里面添加一个新的选项如“请选择”,而数据库里面又不存在这一选项》要怎么做,下面为大家推荐两种写法:
全栈程序员站长
2022/10/03
2.1K0
向DropDownList 下拉框添加新选项[通俗易懂]
Selenium处理单选项下拉框列表
UI自动化测试中,经常会遇到下拉框列表选项,常见的下拉框列表有:单选项下拉框,多选项下拉框。
Altumn
2019/10/21
4.2K0
Selenium处理多选项下拉框列表
你穿过世事朝我走来 迈出的每一步都留下了一座空城 这时,一支从来世射出的毒箭命定了我 唯一的退路 --仓央嘉措
Altumn
2019/10/20
4.2K0
Android官方下拉选择控件Spinner
Demo: https://github.com/bige-ye/SpinnerDemo
yechaoa
2022/06/10
1.1K0
Android官方下拉选择控件Spinner
Java 导出Excel增加下拉框选项
excel对于下拉框较多选项的,需要使用隐藏工作簿来解决,使用函数取值来做选项 选项较少(一般少于5个): private static DataValidation setFewDataValidation(Sheet sheet, String[] textList, int firstRow, int endRow, int firstCol, int endCol) { DataValidationHelper helper = sheet.getDataValidationHelper()
星辰sea
2022/10/29
1.5K0
ABAP选择屏幕下拉框
第一种是最基础的,直接依靠表字段的搜索帮助等系统自带的搜索帮助,只需要在屏幕后面加上【AS LISTBOX】关键字,就可以了,同时呢【AS LISTBOX】需要同【VISIBLE LENGTH】一起使用。
matinal
2023/10/13
3010
AngularJS系列之select下拉选择第一个选项为空白的解决办法
今天给大家介绍一下AngularJS系列之select下拉选择第一个选项为空白的解决办法。 相信大家也经常遇到这种情况吧:在使用AngularJS中的select组件开发的时候,莫名其妙的第一个选项就
林老师带你学编程
2018/01/03
3.2K0
使用puppeteer抓取受限网站
不要相信前端是安全的,今天简单验证一下(但是希望大家支持正版,支持原作者,毕竟写书不易)。
Jerremy
2018/05/03
3.1K0
使用puppeteer抓取受限网站
python pyqt5 QInputDialog 数字选择下拉选择
import sys from PyQt5.QtCore import * from PyQt5.QtGui import * from PyQt5.QtWidgets import *
用户5760343
2019/07/05
1.1K0
vue的select下拉框多选项-multiple属性
最近在使用vue-element-admin这个后台管理框架开源模板在做一个管理后台,使用起来其实还挺方便的,大部分的组件源码里面都已经写好了,用的时候只需要把源码拿出来修改修改,也就成了。
王小婷
2020/09/03
10.1K0
WPF 下拉框选项做鼠标 Hover 预览效果
本文来告诉大家如何在 WPF 中,在 下拉框 ComboBox 里面,鼠标移动到 ComboBoxItem 上时,自动触发对应的事件,用来预览此选项值。例如我在实现一个颜色下拉框,此时我可以通过点击下拉框显示多个不同的颜色,鼠标移动到某个颜色选项上,可以修改界面,预览此颜色的内容
林德熙
2021/12/24
1.9K0
WPF 下拉框选项做鼠标 Hover 预览效果

相似问题

Puppeteer:如何根据文本选择下拉选项?

477

无法使用Puppeteer选择下拉值

22

如何在值未知时从下拉选择中选择选项,使用puppeteer

21

Puppeteer下拉菜单选择

114

Puppeteer循环表行-在每行上选择下拉选项“选项"P”“作为参数

17
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文