Javascript Nodejs Puppeter在Nodejs控制台中输出多条并行进度线
我创建了一个简单的程序,可以在网站上自动上传文件。我正在使用木偶演员进行无头浏览登录和上传。我正在通过向dom中注入变异观察者并将其登录到控制台来监听上传栏的更改Javascript Nodejs Puppeter在Nodejs控制台中输出多条并行进度线,javascript,node.js,progress-bar,puppeteer,console.log,Javascript,Node.js,Progress Bar,Puppeteer,Console.log,我创建了一个简单的程序,可以在网站上自动上传文件。我正在使用木偶演员进行无头浏览登录和上传。我正在通过向dom中注入变异观察者并将其登录到控制台来监听上传栏的更改 const puppeteer = require('puppeteer'); var path = require('path'); var glob = require("glob"); async function upload(file_path, file_index) { // launch puppeteer
const puppeteer = require('puppeteer');
var path = require('path');
var glob = require("glob");
async function upload(file_path, file_index) {
// launch puppeteer
const browser = await puppeteer.launch({
headless: true,
});
const page = await browser.newPage();
// some code here to navigate then upload to the website
/*****************************************************
UPLOADING CODE HERE...
1. UPLOAD FILE
2. THEN LOG THE PROGRESS TO CONSOLE
there is some code here but i will not include it here to make it short
******************************************************/
// everytime a change has been log in console
await page.on('console', async (response) => {
//fetch the progress percentage
var percent = await page.$eval('#progressbar', el => el.innerText);
// log the progress
console.log('File ' + file_index + ' Percent uploaded: ' + percent)
});
}
// lets say there are 5 files in the server
glob("files/*.mp4", function(er, files) {
files.forEach(function(file, video_index) {
upload(file, video_index);
});
});
上传工作正常,但问题是将进度输出到控制台时。我的程序一直在写换行,而不是创建平行的进度线。假设我将异步上传5个文件。程序输出的是:
我想看到的是:
我找到了一个解决方案,但我认为这不是理想的方法。请随意分享您的想法。我将把数据存储到一个数组中,然后为每一个变异输出数组。或者将其存储在缓冲区中 编辑。我在github上找到了一个解决方案