雅荷心语博客
雅荷心语
心之所向便是光
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 关注本站
    • 微信
    • 微博
    • 腾讯微博
    • Twitter
    • Facebook
    • RSS订阅
Hi, 请登录     我要注册     找回密码

puppeteer的简单使用方法

2023-04-13 分类:前端之旅 阅读(599) 评论(0)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
const puppeteer = require('puppeteer');
const fs = require('fs');
const path = require('path');
const https = require('https');
(async () => {
const browser = await puppeteer.launch({headless: true, args: ['--window-size=814,896', '--user-agent=Mozilla/5.0 (iPhone; CPU iPhone OS 15_0 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/15.0 Mobile/15E148 Safari/604.1']}); // launch browser in non-headless mode and set user agent to iPhone 13
const page = await browser.newPage();
await page.goto('https://skybox.blockadelabs.com/');
// Wait for 2 seconds
await page.waitForTimeout(3000);
// Find the button element on the page with the text "Confirm" and click it.
// Find the button element on the page with the text "Confirm" and click it.
const elements = await page.$x('//*[@id="radix-:R36ml9:"]/div[2]/button');
console.log('elements', elements)
if (elements.length > 0) {
await elements[0].click();
}
console.log('input', 'input');
// Use page.$ to select the input element using the provided CSS selector
const inputElement = await page.$('body > div.container.absolute.inset-x-0.bottom-12.z-50.w-full.max-w-5xl.sm\\:bottom-10 > form > div.flex.w-full.flex-wrap.justify-between.gap-2.sm\\:flex-nowrap > div.relative.w-full > input');
 
// Type the text "你好" into the input element
await inputElement.type('Ultraman eats hot pot');
 
// Press the enter key
await inputElement.press('Enter');
// hidden underline underline-offset-2 sm:block
// disabled:opacity-20
// Intercept browser download and get download link
 
// Wait for the .psv-loader-container element to become visible
await page.waitForSelector('.psv-loader-container', { visible: true, timeout: 60*60*24*1000 });
console.log('完成')
 
page.on('response', async (response) => {
const contentType = response.headers()['content-type'];
if (contentType.startsWith('image/')) {
const url = response.url();
console.log('Image URL:', url);
// Use Node.js built-in 'fs' module to write the image data to a file
// Extract the filename from the URL using the path module
const filename = path.basename(url);
// Use the https module to send a GET request to the URL
https.get(url, (response) => {
// Create a write stream to the desired file location
const file = fs.createWriteStream(`./${filename}.jpg`);
// Pipe the response data to the file stream
response.pipe(file);
// Log a message when the download is complete
file.on('finish', async () => {
console.log(`Download complete: ${filename}`);
// Close the browser and exit the system
// Close the current page
await page.close();
await browser.close();
process.exit();
});
// Use the nodemailer module to send an email with the downloaded image as an attachment
});
}
});
 
// Find the first button element inside the form element and click it
await page.click('body > div.container.absolute.inset-x-0.bottom-12.z-50.w-full.max-w-5xl.sm\\:bottom-10 > form > div.flex.w-full.justify-between.border-b-2.border-black > div.flex.place-items-center.gap-4.sm\\:gap-5 > button:nth-child(1)');
// Intercept the download by listening to the 'response' event of the page object
// Filter the responses to only include those with a content-type of 'image'
// Extract the URL of the image from the response and log it to the console
})();

 

分享到:更多 ()

相关推荐

  • AI 编辑器 cursor 如何禁止自动更新
  • AI 编辑器 cursor 工具栏改成和 vscode 一样的左侧 竖向展示
  • nodejs 脚本打包为可执行文件
  • 初学 python 笔记
  • nodejs 同时运行多个脚本
  • 让你的照片动起来
  • vue工程项目动态加载umd.js实践
  • 使用 shell 检测目标服务器是否异常
关于我

小天明 北京·朝阳 前端搬砖工程师

碎碎念):(来自公众号)

热门文章

  • 踩坑记录——iphone上safari开启隐身模式时localStorage变为只读-雅荷心语博客踩坑记录——iphone上safari开启隐身模式时localStorage变为只读2017-02-21评论(4)
  • 程序员是怎样一群人-雅荷心语博客程序员是怎样一群人2015-12-08评论(3)
  • 百度你个大毒瘤 - 吐糟博客这几天打不开事情-雅荷心语博客百度你个大毒瘤 – 吐糟博客这几天打不开事情2015-12-28评论(2)
  • PHP 非对称加密 openssl 加密及解密方法-雅荷心语博客PHP 非对称加密 openssl 加密及解密方法2016-05-17评论(2)
  • PHPStorm10 下载安装破解汉化-雅荷心语博客PHPStorm10 下载安装破解汉化2015-12-15评论(2)
2025年7月
一 二 三 四 五 六 日
« 六    
 123456
78910111213
14151617181920
21222324252627
28293031  

最新评论

  • 前端小武 8年前 (2017-04-06)说:
    我看到了layer
  • 丁艳平 8年前 (2017-03-03)说:
  • Dawn 9年前 (2016-09-16)说:
    call_user_func_array最后的例子是错哦,你用bc方法去调用类里 另外一个方法就知道问题所在了。情况1.调用非静态方法 第一个参数应该传[类的实例,调用方法] (既然有类实例了直接-&
  • Dawn 9年前 (2016-06-21)说:
    tp框架设置了全局捕获异常的,这也没什么。坑的是 他捕获了异常。然后全部返回404。。。不知道的 还以为自己网站被删除了
  • Dawn 9年前 (2016-05-17)说:
    构造函数里的判断 用异常机制可能更好一些

其他类型

  • 芊云全景
  • 配音兔AI配音神器

博客类型

  • 芊云全景
  • 配音兔AI配音神器

左邻右舍

  • 易水寒
  • 楼教主
  • 芊云全景
  • 贤心
  • 配音兔AI配音神器

雅荷心语博客 -心之所向便是光

联系我们关于我们

© 2025 雅荷心语博客   网站地图