tag puppeteer

標籤
貢獻21
78
06:45 AM · Nov 04 ,2025
qinyuanqiblog 頭像 xuexishiwokuaile_612449e36bade 頭像 beckyyyy 頭像 sorrybro 頭像 nanchengfe 頭像 kuandong 頭像 maozi_5b4ffc21c955b 頭像 u_14291117 頭像 vivo_tech 頭像 fyuanlove 頭像 messchow 頭像 mingweiweim 頭像

@puppeteer / 博客 RSS 訂閱

mafengwojishu 頭像

馬蜂窩技術 - 一種對開發更友好的前端骨架屏自動生成方案

（馬蜂窩技術原創內容，公眾號 ID：mfwtech） 一份來自 Akamai 的研究報告顯示，在對 1048 名網購户進行採訪後發現： 約 47% 的用户期望他們的頁面在兩秒之內加載完成。 如果頁面加載時間超過 3s，約 40% 的用户會選擇離開或關閉頁面。 一直以來，為了提升用户在頁面加載時的體驗，無論是 Web 還是 iOS、Android 的應用中，前端開發工程師都做了許多工作。除

puppeteer , 骨架屏 , webpack , ejs

收藏 評論

mingweiweim 頭像

明未為洺 - 無頭瀏覽器初體驗-事件點擊

以下功能基於puppeteer實現 中文文檔 英文文檔 引入插件，並且打開啓動 const puppeteer = require('puppeteer'); (async () = { browser = await puppeteer.launch({ headless: true, // defaultViewport: { width

puppeteer , node.js , 爬蟲

收藏 評論

donglegend 頭像

donglegend - javascript實現網頁截圖導出方案

前言 網頁截圖導出不是一個非常高頻的需求，但時不時的也會遇到。這裏總結一下系統的解決方案，然後從中選擇合適自己的。 截圖導出可以看到是兩個功能，第一步實現截圖，第二步實現導出也就是下載能力。 截圖實現 首先，我們必須明白正常javascript是運行在瀏覽器裏的，本身沒有截圖的能力。所以要想實現截圖，必須通過其他迂迴方案實現，廢話少説，直接上結論。 前端方案1 canvas 代表庫html2can

puppeteer , download , html2canvas

收藏 評論

jsliang 頭像

jsliang - CSS 實例系列 - 02 - 2023 兔年祝福

Hello 小夥伴們早上、中午、下午、晚上和深夜好，這裏是 jsliang~ 新年新氣象，讓我們耍一個兔飛猛進的祝福吧： 這個是一個完整的線上小實例，小夥伴們可以填寫數據，服務器會用 Node.js 定期讀取數據： 填寫數據：https://kdocs.cn/l/cbmawranzvNL 效果查看：https://liangjunrong.github.io/ 例如你填的用户名稱是：

puppeteer , node.js , css3動畫 , html5 , Javascript

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - Puppeteer無頭瀏覽器：開啓自動化之門，掌握瀏覽器世界的無限可能

大概還是入門期，我曾用Puppeteer做爬蟲工具以此來繞過某網站的防爬機制。近期有需求要做任意鏈接網頁截圖，像這種場景非常適合用Puppeteer完成。無頭瀏覽器我已知的還有Selenium。 完成截圖需求踩的最大的坑不是具體的邏輯代碼，而是Docker部署Puppeteer到服務器總是缺少某個包。踩坑過程我想另外寫一篇文章分享，所以這篇就單純給讀者介紹Puppeteer無頭瀏覽器。 什麼是Pu

puppeteer , node.js , 截圖 , 前端

收藏 評論

qinyuanqiblog 頭像

qinyuanqiblog - 使用 puppeteer + nodejs 爬取喜歡的動漫資源

起源 最近突然想嘗試剪視頻，所以就想先從動漫開始，二次元搞起來，剪視頻就必須需要原視頻，怎麼找到這些資源呢，知乎一搜一大把 我經常會上六DM 裏面去看動漫,裏面的動漫清晰度也還可以，所以就想怎麼寫個爬蟲直接把喜歡的動漫下載下來，畢竟是幹前端的，手動下載有點丟人把 😄😄😄 最終效果 下載後的文件名不是.mp4 怎麼解決 比如説我下載的這個龍貓就是啥yum格式的，我

puppeteer , node.js , 前端

收藏 評論

ethan_5a5e13fa54709 頭像

Ethan - node爬蟲遇到的各種問題（cheerio+puppeteer)

時間：2021年4月1號，文中各版本號以該時間為背景 問題一、網頁採用gb2312編碼，爬取後中文全部亂碼 環境：node@8.12.0，cheerio@0.22.0 網站使用的gb2312編碼，開始用http直接訪問網頁，cheerio加載後console出來中文全部亂碼： const http = require('http') const cheerio = require('

puppeteer , cheerio , nodejs爬蟲

收藏 評論

lanlan_guo 頭像

LanLan_Guo - node.js+Puppeteer（無頭瀏覽器） 實現服務端批量生成PDF 文件

應用場景： 客户在創建前後端分離的應用時，前端只用於做一些基本的數據展示，如果涉及大量的數據或報表生成，建議放在服務器端展示，本文主要分享如何在服務器端使用ActiveReportsJS 實現報表導出PDF功能 Demo下載： https://gcdn.grapecity.com.cn/forum.php?mod=attachmentaid=MTIzMjQwfGMwM2JkNWVhfDE2M

puppeteer , node.js , 服務端渲染 , pdf.js

收藏 評論

you_586c9836e428f 頭像

請鵝出戰 - puppeteer - 使用記錄

npm安裝不成功 npm install puppeteer失敗，切換源到中國鏡像。 npm config set registry https://registry.npmmirror.com npm install puppeteer 運行官方案例不成功 官方給出的引入方式，變更成puppeteer。 import puppeteer from 'puppeteer'; // cons

puppeteer

收藏 評論

zxbing0066 頭像

嘿嘿不務正業 - Mac M1（arm 系列芯片）如何安裝 Chromium | Puppeteer

最近寫個腳本用到 puppeteer，然後安裝 Chromium 出現一點問題，這裏記錄一下解決方案。 Puppeteer 自動安裝失敗 在 Puppeteer 安裝時會自動安裝 Chromium，然而卻總是報錯 502 導致下載失敗，直接下載可以下載，命令行 wget 也可以，猜測是因為 Puppeteer 開啓了新的 process 來安裝導致環境變量丟失，然後就科學上網失敗了。 這會回頭看了

puppeteer , 前端

收藏 評論

qinyuanqiblog 頭像

qinyuanqiblog - puppeteer模擬用户爬取網站（附贈Chromium 無法下載的解決辦法）

起源 最近被前同事問是否可以幫他去爬取一個網站的數據，然後他把網站發給我了，之後我就去研究了下， 本來計劃用spider-flow 這個東西來爬的，畢竟能不寫代碼的，為啥我要去寫代碼，然後研究了下spider-flow 發現滿足不了需求，浪費了兩天時間， 😄😄😄， 還是老老實實手寫把,對spider-flow 感興趣的可以看看我寫的：https://www.mubucm

puppeteer , nodejs爬蟲

收藏 評論

xuexishiwokuaile_612449e36bade 頭像

凌覽 - Linux服務器上運行Puppeteer的Docker部署指南

承接上一篇文章Puppeteer無頭瀏覽器：開啓自動化之門，掌握瀏覽器世界的無限可能。文章給大家介紹了什麼是Puppeter無頭瀏覽器，也提及到我在雲服務器Docker部署踩了硬骨頭，本文記錄分享我是如何解決的。 解決問題的過程 最初的Dockerfile： FROM node:18.12.0-slim RUN mkdir -p /yice WORKDIR /yice COPY ./package

puppeteer , node.js , 前端

收藏 評論

beckyyyy 頭像

beckyyyy - puppeteer的簡單使用

引言 對於編寫應用程序，尤其是要部署上線投入生產使用的應用，QA是其中重要的一環，在過去的工作經歷中，我參與的項目開發，大多是由測試同學主要來把控質量的，我很少編寫前端方面的測試代碼，對於測試工具的使用，也基本停留在一個小玩具的樣子，所以接觸的也少，回憶上一次寫單元測試，還是在一個vue3的課程中使用jest實現TDD，記得之前有的時候面試，會被問到有沒有在項目中用單測，但是因為以前工作中大多數時

puppeteer , 自動化測試 , 前端

收藏 評論

feifeifeizhi 頭像

前端肥智 - 基於Eggjs+puppeteer實現頁面截圖的服務，並上傳華為雲obs

主要功能 通過 puppeteer 打開無頭瀏覽器，對目標頁面進行截圖存儲本地制定目錄，通過把本地文件轉為文件流的方式上傳華為雲，上傳成功過後返回預覽文件的 key； 上傳華為雲通過 ObsClient、putObject 方式實現 [華為雲 OBS Nodejs SDK](https://support.huaweicloud.com/sdk-nodejs-devg-obs/obs_29_040

puppeteer , node.js , eggjs , html5 , Javascript

收藏 評論

wingdust 頭像

WingDust - linux 解決 npm 安裝依賴時跳過下載 puppeteer

報錯 ROR: Failed to download Chromium r722234! Set "PUPPETEER_SKIP_CHROMIUM_DOWNLOAD" env variable to skip download. │ Error: read ECONNRESET │ at TLSWrap.onStreamRead (node:internal/stream_base_com

環境變量 , puppeteer , Linux , npm

收藏 評論

messchow 頭像

messchow - puppeteer運行出現，Could not find browser revision 809590.

puppeteer運行出現： Could not find browser revision 809590. Run "PUPPETEER_PRODUCT=firefox npm install" or "PUPPETEER_PRODUCT=firefox yarn install"報錯，顯然時沒找到對應版本的瀏覽器。 GitHub上issues上提供解決方案試了一圈度沒用。後來在官方

puppeteer , node.js , nodejs爬蟲

收藏 評論

fyuanlove 頭像

fyuan - centos7 puppeteer Error: 安裝失敗

報錯： code EINTEGRITY npm ERR! sha512-mu/N4uvfDN2zVQQ5AYJI/g4qxn2bHB6521t1UuH09ShNWjebTqN0ZFuYK9uYjcgmI0dTQEs+Owi1EO6U0OkOZQ== integrity checksum failed when using sha512: wanted sha512-mu/N4uvfDN2zVQQ5

puppeteer , node.js , Javascript

收藏 評論

vivo_tech 頭像

vivo互聯網技術 - 數字人動畫雲端渲染方案

作者：vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題，本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後，最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案，實現了渲染效果一致、服務端批量處理和低接入成本，為擬我形象的規模化應用提供了高效可擴展的技術基礎。 1分鐘看圖掌握核心觀點_👇_

puppeteer , ffmpeg , 前端

收藏 評論

u_14291117 頭像

vivo互聯網 - 數字人動畫雲端渲染方案

作者：vivo 互聯網前端團隊 - Su Ning 為解決擬我形象在多場景展示中依賴 3D 渲染導致的性能與接入問題，本文提出將形象預先導出為視頻或動圖資源。對比三種技術路徑後，最終選擇 Puppeteer + H5 渲染幀 + FFmpeg 合成視頻 的方案，實現了渲染效果一致、服務端批量處理和低接入成本，為擬我形象的規模化應用提供了高效可擴展的技術基礎。

puppeteer , 私藏項目實操分享 , Css , web3D , 前端開發 , HTML , ffmpeg , 前端

收藏 評論

maozi_5b4ffc21c955b 頭像

貓子 - Puppeteer 的谷歌訂單爬蟲服務

基於 Puppeteer的谷歌訂單爬蟲服務 項目概述 本項目是一個基於 Puppeteer的谷歌訂單爬蟲服務，旨在通過自動化的方式登錄谷歌賬户並爬取訂單信息，並嵌入到某後台系統中，方便用户在後台系統中直接查詢gp訂單數據。項目中包含了多個服務模塊和控制器，用於處理不同的登錄和數據獲取邏輯。 項目結構 服務模塊 項目中主要的服務模塊puppeteerService.js實現了這些功能：自動登錄、獲取

puppeteer , node.js , Javascript

收藏 評論

kuandong 頭像

款冬 - 前端ui自動化測試sdk封裝

背景 前端業務場景中每次功能發佈都會面臨着相應的ui功能測試，因為前端業務的功能迭代之間往往存在顯性或者隱性的關聯性，每次上線某個功能迭代後，嚴格意義上也需要對整體功能進行迴歸，因此單靠人力的手工測試需要花費較多的時間和精力在功能迴歸上，且容易漏掉一些細節問題。 基於業務中的上述現狀，我們嘗試引入ui自動化測試來解決測試中的“重複迴歸”問題，基於 puppeteer 和 jest 兩大開源工

puppeteer , 自動化測試 , 前端

收藏 評論

nanchengfe 頭像

南城FE - Puppeteer實踐：複雜的問題簡單化

最近遇到一個需求需要將上千條的數據寫入到基於Wordpress搭建的系統中，但是對於底層數據錄的寫入邏輯不是很清楚，通過sql各種寫入也沒有完全達到效果。 後面想了想或許可以換一個方向，不能從底層邏輯寫入數據那就通過正常操作寫入。由於數據量大所以需要自動化處理，這時候就想到了之前用過的Puppeteer，這個庫可以模擬操作瀏覽器的各種行為，包括獲取數據和操作提交等。對於這個場景很適合，不用管底層的

puppeteer , node.js , 前端 , Javascript

收藏 評論

sorrybro 頭像

待你如初 - 前端爬蟲框架-puppeteer的入門使用（1）

Puppeteer 前言 開始學習這門技術的起因是因為之前想要去做一個類似於人人影視的電影資源網站，因此想要通過學習爬蟲獲取到相關的電影資源以供自己下載使用。 之前瞭解爬蟲大多數都是聽到使用python來實現，而因為平時工作比較忙，也沒太多時間去學習新的語言，於是自己就去網上搜索看有沒有前端使用的爬蟲框架。 而網上大多推薦的是node庫--puppeteer 什麼是Puppeteer？ Puppe

puppeteer , node.js , nodejs爬蟲

收藏 評論