如何使用puppeteer截图网站并发送到message Discord.js？
Puppeteer是一个由Google开发的Node.js库，用于控制Headless Chrome或Chromium浏览器。它可以模拟用户在浏览器中的操作，例如打开网页、填写表单、点击按钮等。Discord.js是一个用于与Discord聊天平台进行交互的Node.js库。
要使用Puppeteer截图网站并发送到Discord.js，可以按照以下步骤进行操作：
- 首先，确保你的系统已经安装了Node.js和npm（Node.js包管理器）。
- 在终端或命令提示符中，使用以下命令安装所需的依赖：
- 在终端或命令提示符中，使用以下命令安装所需的依赖：
- 创建一个新的JavaScript文件，例如
screenshot.js，并在文件中引入所需的模块： - 创建一个新的JavaScript文件，例如
screenshot.js，并在文件中引入所需的模块： - 在代码中，使用Puppeteer打开网页并截图：
- 在代码中，使用Puppeteer打开网页并截图：
- 在代码中，使用Discord.js发送截图到Discord服务器：
- 在代码中，使用Discord.js发送截图到Discord服务器：
- 保存并运行脚本：
- 保存并运行脚本：
现在，当你在Discord上发送!screenshot命令时，Puppeteer将会打开指定的网页并截图，然后将截图发送到Discord聊天频道中。
请注意，上述代码仅为示例，你可能需要根据自己的需求进行修改和扩展。此外，腾讯云没有与Puppeteer直接相关的产品，因此无法提供相关产品和链接。
相关·内容
1回答
我正在尝试使用puppeteer制作一个屏幕截图，并将其发送回输入命令的通道。不管怎样，我做不到，所以请帮帮我。
const Discord = require("discord.js");
const fetch = require('node-fetch');
const cheerio = require("cheerio");
const puppeteer = require('puppeteer');
const client = new Discord.Client();
module.exports = {
浏览 10提问于2021-06-02得票数 0
我想截图webiste和该截图发送的信息不一致时，命令运行。我搞砸了，不知道该怎么办 const BaseCommand = require('../../utils/structures/BaseCommand');
const Discord = require("discord.js");
const fetch = require('node-fetch');
const cheerio = require("cheerio");
const puppeteer = require('puppeteer'
浏览 24提问于2021-03-17得票数 1
回答已采纳
您好，我试图得到一个网站截图使用木偶，但网站加载相当慢，导致始终无法抓取任何数据或屏幕截图，我想推迟我的截图，直到网站完成加载，我已经尝试了一堆方法，但无法弄清楚。提前感谢您的帮助。 这是我的代码 const puppeteer = require("puppeteer-extra");
// add stealth plugin and use defaults (all evasion techniques)
const StealthPlugin = require("puppeteer-extra-plugin-stealth");
puppetee
浏览 25提问于2021-01-06得票数 0
我正在做一个测试不和谐机器人，作为来自c++的JS的快速介绍，我对木偶操纵者有困难。我让它转到网站，但我不能让它读取文本和/或将其放入变量中。所有打印出来的都是"null“。
const Discord = require('discord.js');
const puppeteer = require('puppeteer');
const bot = new Discord.Client();
const token = '********************************************************&
浏览 0提问于2020-01-23得票数 1
我正在尝试用puppeteer截图一个网站，在速度慢的网站上我会收到一个TimeoutError。
在这种情况下，我想要获取当前页面状态的屏幕截图-这可能吗？如果是这样的话，是怎么做的？
代码示例：
const puppeteer = require('puppeteer');
let url = "http://...";
let timeout = 30000;
(async () => {
const browser = await puppeteer.launch();
const page = await browser.new
浏览 3提问于2019-12-11得票数 1
是否有一种方法可以添加命令，所以bot每天都会在服务器上的自定义通道中传递此命令？Its :GO匹配统计
const BaseCommand = require('../../utils/structures/BaseCommand');
const Discord = require("discord.js");
const puppeteer = require('puppeteer');
module.exports = class LinkCommand extends BaseCommand {
constructor() {
浏览 3提问于2021-03-18得票数 0
回答已采纳
我正在尝试拍摄一个运行基于webGL的铯的页面的截图。如果我只是截图，页面将被加载，但webGL不会完成加载。
如果我使用内置的networkidle0或networkidle2，屏幕截图永远不会被拍摄。这是我的密码。
这是我想要拍摄的网站：
const puppeteer = require('puppeteer');
module.exports = {
takeScreenshot: (userId) => {
(async () => {
const browser = await puppeteer.launch({
浏览 0提问于2018-04-26得票数 3
回答已采纳
我正在做一个不和谐的机器人，我有一个无限循环，setInterval每10秒，但是setInterval做的每个循环，它给我每个循环的每个数据，所以我想知道我如何才能只获得上一个周期的最后一个数据，而不是每个数据。
const puppeteer = require('puppeteer');
const Discord = require('discord.js');
const client = new Discord.Client();
const url = 'url to scrape';
var clocks = [];
(async
浏览 10提问于2019-08-21得票数 0
回答已采纳
1回答
我正在试验JavaScript和puppeteer，当我访问一个网站时，我设置了一个截图，但问题是截图时网站的一些元素没有加载，有什么我可以做的来增加延迟吗？
浏览 8提问于2020-10-23得票数 0
回答已采纳
1回答
我正在与JS+Puppeteer合作，我正在尝试制作一个脚本，可以添加项目到购物车。一旦它做到了这一点，它将继续做事情。添加到购物车的链接与网站的链接不同。
例如，网站为abc.shop，后台API地址为abc.shop/api/...我想向api地址发送一个继续项目数据的JSON。
可以使用puppeteer将POST请求发送到不同的地址吗?如果可以，如何发送？
浏览 1提问于2020-10-03得票数 1
我正在使用Puppeteer进行Web抓取，我刚刚注意到，由于我在计算机上的访问量，我试图抓取的网站有时会要求验证码。验证码表单如下所示：
所以，我需要帮助来解决这个问题。我一直在考虑将验证码表单发送到客户端，因为我使用Express和EJS将值发送到我的索引网站，但我不知道Puppeteer是否可以发送类似的东西。
有什么想法吗？
浏览 1提问于2019-04-03得票数 15
1回答
好的，我正在写一个音乐机器人，因为越来越多的大众被关闭，而剩下的却是相当无用的。为了更好的可读性，我将代码分成几个单独的文件，使用模块导入和导出函数&变量，当我使用node index.js运行程序时，它会告诉我，我得到了一个引用错误，并且需要在使用之前初始化一个变量，即使它已经初始化了。
这是我的index.js代码：
//Dependency imports
import { Client, Intents } from 'discord.js';
import ytmp3 from 'youtube-mp3-converter'
import pu
浏览 2提问于2022-01-10得票数 0
回答已采纳
我正在尝试通过管道将puppeteer生成的屏幕截图发送到ffmpeg进程，以便在不先写入中间文件的情况下制作视频。 在命令行中，我知道ffmpeg有一个从stdin的原始数据制作视频的选项，例如： cat img/*.png | ffmpeg -f image2pipe -i - output.mp4 我希望得到基本相同的结果，但将数据直接从puppeteer发送到ffmpeg进程。这是我尝试通过管道从puppeteer向ffmpeg发送一些帧，但它不起作用。程序甚至不能退出，我怀疑我误用了管道之类的东西。我怎样才能让它正常工作？ const puppeteer = require(
浏览 45提问于2019-01-24得票数 7
我正在使用NodeJS，并尝试用DiscordJS创建一个机器人，它可以找到所有命名相同的频道，并向每个频道发送一条消息。 const PREFIX = "<";
const { Client, DiscordAPIError }= require('discord.js');
const { findSourceMap } = require('module');
const disclient = new Client();
require('dotenv').config();
disclient.login(pro
浏览 19提问于2021-01-05得票数 0
回答已采纳
2回答
puppeteer滚动并单击按钮
、、、、
我正在使用puppeteer尝试为网站截图，但首先我必须按下一个名为"Lifetime“的按钮，它的选择器是：
#profile > div.trn-profile.dtr-profile > div > div.content > div:nth-child(1) > div.material-card > a.btn.btn-season.selected
我必须首先向下滚动，按下生命周期按钮，并截取“独奏”、“双人”和“小队”的统计数据，如下所示：
我正在非无头模式下尝试，以确保它工作，但它似乎不工作。我的代码可以向下滚动到元素，但不能使用p
浏览 3提问于2018-03-29得票数 1
通过discord.js，我正在开发一个不和谐的机器人；我正在尝试创建一个命令，该命令获取特定网站的屏幕截图(登录)，并将其发布回聊天中。然而，我一直无法找到拍摄截图的方法。
浏览 1提问于2019-12-08得票数 0
回答已采纳
1回答
我试图拍摄一个 ()在无头模式下使用木偶机的截图。
问题是，我的网站上有一个WebGL画布，它不会以无头模式截图呈现(但在头模式下工作)。
我所得到的无头模式是一个黑色PNG。
我尝试过将WebGL上下文参数更改为多个组合，但没有任何效果。
我用的是木偶机5.5.0版和铬版88.0.4298.0
这是我的傀儡手爬虫代码：
const puppeteer = require("puppeteer");
const url = "https://phcs93.github.io/genesis/";
async function crawl () {
c
浏览 2提问于2021-01-29得票数 0
回答已采纳
如何在使用Puppeteer API拍摄的屏幕截图中显示特殊标志？
例如，你可以看到一张用Puppeteer拍摄的图片，它不能显示页面中的一些字符：
浏览 93提问于2018-08-19得票数 0
2回答
在木偶中设置元素截图的宽度和高度
、、、、
如果我有这个代码：
const puppeteer = require('puppeteer');
var test = async () => {
const browser = await puppeteer.launch({args: ["--no-sandbox", "--disable-setuid-sandbox"]});
const page = await browser.newPage();
await page.goto('https://community.wikia.com/wiki/Speci
浏览 1提问于2018-09-30得票数 8
回答已采纳
我一直在乱搞图像刮刀(discord.js v13)。我很想做，所以每次我做的时候，比如?image car，它都会发送不同的汽车图片。
这是我的代码rn，它只是基本的普通刮刀。
const google = new Scraper({
puppeteer: {
headless: true,
},
});
module.exports = {
name: 'image',
description: 'Send picture (possibly automatically maybe)',
async
浏览 1提问于2022-03-27得票数 0
我遇到了一个问题，我有一个相当简单的Node进程来捕获屏幕截图。在获取屏幕截图之前，是否可以使用Puppeteer更改HTML元素的innerText？
我已经成功地使用Puppeteer在身份验证字段中键入文本并登录到站点，但我想知道是否有类似的方法可以让我更改特定元素中的文本(使用id或类名)。
我使用的屏幕截图代码示例：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch()
const page = await
浏览 2提问于2018-01-30得票数 19
回答已采纳
2回答
我正在尝试自动填写一个站点。但问题是，那个网站有一个captcha。所以，当登录页面显示时，我可以在命令提示符中手动输入captcha，比如Console.ReadLine();和C#。木偶师中有类似的功能吗？
这是我的代码：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch({headless: false});
const page = await browser.newPage();
await page
浏览 2提问于2019-11-22得票数 3
回答已采纳
我不知道问题是什么，下面是我正在使用的代码，包括将其发送到指定通道的行：
const Discord = require('discord.js')
const client = new Discord.Client();
const Discord = require('discord.js')
const client = new Discord.Client();
client.on("message", message => {
const embed = new Discord.messageEmbed()
emb
浏览 2提问于2021-01-20得票数 0
回答已采纳
1回答
我正在尝试在discord.js中创建一个,setchat命令。它基本上会将一个频道ID推送到我的mongoDB数据库中，但我不知道如何才能做到这一点 /* eslint-disable no-unused-vars */
const { MessageEmbed } = require('discord.js');
const config = require('../../utils/config.json');
const schema = require('../../models/channelSchema');
module.exp
浏览 15提问于2021-01-12得票数 1
回答已采纳
1回答
注意:我在这里要求的是这个的改编版。
当使用时，很容易生成截图。这甚至是他们的第一个例子，它在我的web应用程序上运行得很好：
const puppeteer = require('puppeteer');
const iPhone = puppeteer.devices['iPhone 6']; //iPhone 5/SE does not work
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
a
浏览 7提问于2022-05-17得票数 0
回答已采纳
我想通过Puppeteer在Chromium / Chrome 75中使用新的阅读器模式或“蒸馏页面”功能。 我知道我可以通过puppeteer.launch()中的args:["--enable-reader-mode=true"]启用功能标志。 我不明白的是，页面加载后，如何从puppeteer中触发提取页面功能。 用例:在阅读器模式下截取页面截图。
浏览 25提问于2019-07-03得票数 2
我正在尝试制作一个系统，让用户在执行操作之前输入代码(就像发送到dms的验证代码)。我正在试图理解我的代码如何等待代码被输入，然后我遇到了awaitMessages标记。我正在努力理解如何在代码中正确地使用它。这是我的密码。
const Discord = require("discord.js");
const config = require("./config.json");
const { MessageAttachment, MessageEmbed } = require('discord.js');
const client = n
浏览 5提问于2022-02-17得票数 1
1回答
我使用的代码是：
const token = "";
let discord = require("discord.js");
client.on(`message`, (message) => {
if (message.author.bot) return;
if (!message.guild) return;
if (message.content.startsWith("https://roblox.com")) {
const msgLog = `[MESSAGE] [${message.
浏览 3提问于2021-08-05得票数 1
我在使用Puppeteer自动登录网站时遇到了困难，该网站使用"onclick“脚本弹出其登录窗口。登录链接如下所示：
<li>
<a href="#" onclick='openJqueryDialog("D_Login"); return false;' style="padding-right:0;">Login</a>
<span class="blu">oder</span>
<a href="/de/
浏览 21提问于2020-03-11得票数 0
我希望机器人检测到来自服务器的消息，并通过特定的通道将其发送到我的个人服务器。我如何编写这些代码，以及如何将其合并到我的代码中？
我的代码
const Discord = require('discord.js');
const client = new Discord.Client();
const token = 'xdd';
client.login(token); // login the bot with your token.
client.on('message', message => {
if(mes
浏览 0提问于2018-10-31得票数 1
1回答
因此，我一直在学习一些js和discord.js，所以我正在创建我的机器人。由于权限的原因，我似乎有关于踢/禁命令的问题。现在，当我邀请bot到服务器时，我已经为他提供了所有权限，我还将他的角色在服务器中的角色层次结构中向上移动。会有什么问题呢？ 代码如下： if (message.member.hasPermission(['KICK_MEMBERS', 'BAN_MEMBERS'])) {
if(message.content.startsWith(prefix + 'ban')) {
let mem
浏览 10提问于2020-07-24得票数 0
3回答
如何将消息发送到特定通道
、、、
我正在尝试通过我的Discord机器人向特定的频道发送消息，该机器人位于多个服务器上。我想让机器人从一台服务器接收一条消息，并在特定的频道中向我的个人服务器发送一条消息，但我无法让它“找到”该频道。API发生了什么变化吗？我也尝试过更新npm install discord.js。
代码：
if (message.author.id == 'XXXXX' && !mess.includes("Dank") && message.channel.id != 'XXXXX') {
bot.channels.get(
浏览 3提问于2018-07-01得票数 13
回答已采纳
5回答
我正在使用试图拍摄一个网站截图后，所有的图片已经加载，但无法使它发挥作用。
下面是我到目前为止得到的代码，我使用作为示例网站：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://www.digg.com/');
await page.setViewport
浏览 5提问于2017-09-11得票数 58
回答已采纳
我有一个puppeteer函数，它使用模板文字转到某个页面，并读取给定表的内容。我如何将我拥有的数组从网站发送到我的服务器，这样我就可以通过API来获取它？谢谢! 代码： const puppeteer = require('puppeteer');
const today = new Date();
let ma = today.getFullYear() + '.' + 0 + (today.getMonth() + 1) + '.' + today.getDate() + '.';
const url = `htt
浏览 11提问于2021-07-20得票数 0
这是我的代码：
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://google.com/');
await page.screenshot({path: 'example.png'});
await browser.close();
})();
无论我
浏览 0提问于2019-07-16得票数 0
我正在使用灯塔为我们自己的网站创建性能报告。我也需要采取一个屏幕截图，看看如何在桌面电脑上的网站。
似乎灯塔在默认情况下采取了一个屏幕截图移动分辨率。
我怎么才能改变呢？
如果可能的话，我会尽量避免使用其他库，如Puppeteer。
这里有一些运行灯塔的代码
import lighthouse from 'lighthouse';
import chromeLauncher from 'chrome-launcher';
const chrome = await chromeLauncher.launch({ chromeFlags: ['--head
浏览 1提问于2020-09-02得票数 4
1回答
我试图模仿使用 (无头Chrome)旋转的视口。我的意思是，我希望输出被旋转一个特定的量(通常是90度)。
我目前使用的代码是：
const puppeteer = require('puppeteer');
var myExpressRoute = function (req, res, next) {
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
page.setView
浏览 4提问于2017-12-08得票数 3
1回答
我目前正在使用Puppeteer打开一个网站，并拍摄一个视频的截图。然而，玩偶者运行的默认Chromium并不适用于视频类型。
我推出了一个本地版本的Chrome与Puppeteer，一切都在工作。
是否有一种方法可以使用傀儡机打开实际的chrome浏览器实例，而不必指定到.exe的本地链接，以使其在托管时更可扩展和更少地依赖目录？
木偶师2.0.0
注意：，我正在运行一个不含铬的实例(没有指向Chrome.exe的目录)
浏览 3提问于2020-01-24得票数 1
2回答
我试图在一个vue.js应用程序中集成木偶师来生成截图和pdf文件。我已经写了一个函数，用木偶师来生成一个截图，效果很好。
export const MyScripts = {
getMiniature : async function(elementId, key) {
const puppeteer = require('puppeteer');
const browser = await puppeteer.launch();
const page = await browser.newPage();
浏览 0提问于2018-10-16得票数 4
回答已采纳
我有一个简单的node.js脚本来捕获一些网页的屏幕截图。看起来我在使用async/await的过程中遇到了一些问题，但是我不知道在哪里。我目前使用的是puppeteer v1.11.0。
const puppeteer = require('puppeteer');
//a list of sites to screenshot
const papers =
{
nytimes: "https://www.nytimes.com/",
wapo: "https://www.washingtonpost.com/"
};
浏览 2提问于2019-02-05得票数 21
回答已采纳
1回答
对特定用户ID进行DM‘
、、、
const Discord = require('discord.js');
const bot = new Discord.Client();
const PREFIX = "!!";
bot.on("message", async message => {
if(message.content.toLowerCase().startsWith(`${PREFIX}suggest`)) {
//a user says "!!suggest more commands"
message. /*ID
浏览 0提问于2018-05-21得票数 1
回答已采纳
1回答
我想使用message.attachments来获取图片，并上传到我的网站(而不是本地主机)。我该怎么做呢？
我已经在我的网站上有一个可以工作的上传表单，但是我如何从discord.js机器人中做到这一点呢？
浏览 6提问于2020-05-18得票数 0
回答已采纳
我正在尝试用node构建一个网络爬虫，偶然发现了puppeteer包，它看起来非常适合我想要的。我的最终结果是收集页面中的所有链接、所有文本内容，然后是页面本身的屏幕截图。 我运行了以下，它似乎收集了大量的链接，但在实际检查的网站上，有一些链接，它没有收集。 const puppeteer = require('puppeteer');
module.exports = () => {
(async () => {
const browser = await puppeteer.launch();
const page = await bro
浏览 15提问于2018-12-16得票数 0
回答已采纳
1回答
我想和木偶师拍张截图。
我遇到了许多麻烦，因为我没有处理好拒绝承诺的错误。我浏览了许多论坛和主题，提出了许多不同的东西，我申请了。
这些建议从使用异步函数到使用try-catch块。
经过改进后，这是我最后的代码版本：
const puppeteer = require('puppeteer');
async function getPic() {
const browser = await puppeteer.launch(/*{headless: false}*/);
const page = await browser.newPage();
pa
浏览 0提问于2018-04-19得票数 3
回答已采纳
1回答
可能是个新手问题，但我真的很难让Puppeteer正常工作。我可能在下载的某个地方搞砸了，但我就是搞不清楚。 我的木偶剧版本是5.1.0 Node是在Ubuntu 18.04上运行的v14.5.0，但也无法在Windows命令行Windows 10上运行 这是我的package.json： {
"name": "test_puppeteer",
"version": "1.0.0",
"description": "",
"main": "test.
浏览 21提问于2020-07-15得票数 1
回答已采纳
1回答
我有以下情况：
我想得到一个网站的控制台日志，并将其发送到WebSocket客户端。
我能够创建一个节点服务器并用下面的代码向连接的用户发送数据。
const puppeteer = require('puppeteer');
const WebSocket = require('ws');
const wss = new WebSocket.Server({ port: 2222 });
wss.on('connection', function connection(ws) {
ws.send("sending the samp
浏览 6提问于2020-05-31得票数 0
回答已采纳
因此，我基本上是在做一个命令，获取一个网站，并发送一个信息。但是我得到了这个错误：RangeError [MESSAGE_CONTENT_TYPE]: Message content must be a non-empty string.和我遵循了axios和discord.js v13文档。
有什么帮助吗？
const Discord = require('discord.js')
const { MessageEmbed } = require('discord.js')
var webshot = require('node-webshot'
浏览 5提问于2022-04-15得票数 -2
回答已采纳
我试图制作一个不和谐的机器人，将发送到它的图像保存到一个文件夹中，我得到了这个错误：
TypeError: [ERR_INVALID_ARG_TYPE]: The "data" argument must be of type string or an instance of Buffer, TypedArray, or DataView. Received undefined.
这是我的密码：
const Discord = require("discord.js");
const fs = require("fs");
const clien
浏览 22提问于2022-06-19得票数 1
回答已采纳
3回答
我一直在尝试使用Puppeteer来抓取一个网站，但是当我尝试获取截图时，它从来没有加载过，或者加载到了TimeoutError中，或者根本就没有完成。
(async () => {
try{
const navegador = await puppeteer.launch({headless: false},{defaultViewport: null});
const pagina = await navegador.newPage();
await pagina.setDefaultNavigationTimeout(
浏览 259提问于2021-02-13得票数 2
回答已采纳
1回答
我正在使用设置为的基本方法，将客户端停靠容器连接到多个铬码头容器中的任何一个(在码头群/服务中，可能跨越使用部署的nginx后面的几个服务器)。
在每个铬容器中，我维护一个browser对象池(只是一个简单的数组)，并将传入的请求定向到适当的browser，如下所示(非常类似于链接post)：
import http from 'node:http'; // https://nodejs.org/api/http.html
import httpProxy from 'http-proxy'; // https://www.npmjs.com/pac
浏览 16提问于2022-09-10得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
