鍘熸枃璇峰弬鑰冩垜鐨勫叕浼楀彿鏂囩珷鍓嶇娴锋姤鐢熸垚鏂板Э鍔縋uppeteer浠ュ墠鏄€庝箞鐢熸垚娴锋姤鐨勶紵鍦ㄥ紑鍙戜腑锛屾垜浠粡甯镐細閬囧埌鈥滅敓鎴愰暱娴锋姤鈥濈殑闇€姹傦紝涓€鑸槸杩欐牱杩涜鐨勶細鍚庣鐢熸垚锛氬鍏ョ粯鍥惧簱鍓嶇鐢熸垚锛氫娇鐢ㄥ師鐢焎anvas杩涜缁樺浘锛屽苟浣跨敤涓€浜沯s搴擄紙html-to-canvas锛夎繖鏍凤細涓嶇鏄皝鐢熸垚鐨勶紝閮戒細閬囧埌娴锋姤涓婂悇绉嶅厓绱犲畾浣嶅洶闅俱€佹牱寮忚繕鍘熷洶闅俱€佸姩鎬佸唴瀹归毦浠ユ帶鍒躲€佸姩鎬佹捣鎶ュぇ灏忕瓑闂绛夛紝浜庢槸锛岀粡杩囦竴娉㈡懜绱紝鎴戞帴瑙﹀埌浜嗏€滈珮绔骇鍝侊紒鈥濇湪鍋跺笀銆傜敤杩囦箣鍚庯紝鎰熻灏辨槸浠ュ悗瑙佷竴闈簡锛佹墍浠ョ幇鍦ㄧ敓鎴愪竴涓鏉傜殑娴锋姤鎴栬€呴暱鍥剧殑杩囩▼灏卞彉鎴愪簡杩欐牱锛氬啓涓€涓捣鎶ユ壙杞戒竴涓綉椤靛苟璋冪敤puppeteer鎴浘鏈嶅姟锛屽缃戦〉杩涜鎴浘锛岃繑鍥炲浘鐗囨垨鑰呭浘鐗囧湴鍧€缁欒皟鐢ㄦ柟銆備粙缁嶏紵Puppeteer鏄竴涓狽ode搴擄紝鎻愪緵楂樼骇API浠ラ€氳繃DevTools鍗忚鎺у埗Chromium鎴朇hrome銆侾uppeteer榛樿浠ユ棤澶存ā寮忚繍琛岋紝浣嗗彲浠ラ€氳繃淇敼閰嶇疆鏂囦欢浠モ€滄湁澶粹€濇ā寮忚繍琛屻€傛偍鍙互鍦ㄦ祻瑙堝櫒涓墜鍔ㄥ畬鎴愮殑缁濆ぇ澶氭暟浜嬫儏閮藉彲浠ヤ娇鐢≒uppeteer瀹屾垚锛佷互涓嬫槸涓€浜涚ず渚嬶細鐢熸垚椤甸潰鐨勫睆骞曟埅鍥炬垨PDF銆傝幏鍙朣PA锛堝崟椤靛簲鐢ㄧ▼搴忥級骞剁敓鎴愰娓叉煋鍐呭锛堝張鍚嶁€淪SR鈥濓紙鏈嶅姟鍣ㄧ娓叉煋锛夛級銆傝嚜鍔ㄥ寲琛ㄥ崟鎻愪氦銆乁I娴嬭瘯銆侀敭鐩樿緭鍏ョ瓑銆傚垱寤轰竴涓笉鏂洿鏂扮殑鑷姩鍖栨祴璇曠幆澧冦€備娇鐢ㄦ渶鏂扮殑JavaScript鍜屾祻瑙堝櫒鍔熻兘锛岀洿鎺ュ湪鏈€鏂扮増鏈殑Chrome涓墽琛屾祴璇曘€傛姄鍙栫綉绔欑殑鏃堕棿绾胯建杩癸紝甯姪鍒嗘瀽鎬ц兘闂銆傛祴璇曟祻瑙堝櫒鎵╁睍銆傪煈嶇畝鐩村氨鏄€滄湭鐭ユ暟鈥濓紒涓昏鐧诲満鏈枃鐨勪富瑙掓槸page.screenshot銆傞€氳繃瀹冿紝鎴戜滑鍙互瀵圭洰鏍囩綉椤碉紙鍏跺疄灏辨槸鎵胯浇娴锋姤鍐呭鐨勭綉椤碉級杩涜鎴浘锛岀劧鍚庡紑鍚竴涓妭鐐规帴鍙ｆ湇鍔★紝褰㈡垚涓€涓珮鍙敤鐨勪笟鍔℃帴鍙ｃ€傛埅鍥惧皢鏈€缁堝浘鐗囨垨鍥剧墖鍦板潃杩斿洖缁欒皟鐢ㄦ柟銆傜洿鎺ュ弬鑰冩埅鍥炬枃妗ｏ紝蹇€熷疄鐜版埅鍥炬湇鍔°€備笅闈㈢洿鎺ヤ笂浼犱唬鐮侊紝鐒跺悗璁ㄨ鏈熼棿閬囧埌鐨勪竴浜涘皬闂鍜岃В鍐冲姙娉曘€傚啓鎴浘corescreenshotPuppeteer.jsconstpath=require("path");constpuppeteer=require("puppeteer");functionsleep(delay=1000){returnnewPromise((resolve)=>{setTimeout(()=>{resolve(1);},delay);});}functionloginfo(debug,info){if(debug){console.log(info);}}/***鍩轰簬鈥減uppeteer鈥濈殑鏈嶅姟绔埅鍥惧伐鍏?@param{*}options{...}璇﹁@param{*}options.debug:false鏄惁寮€鍚皟璇旲param{*}options.pageUrl:""鎴浘鐨勭綉鍧€@param{*}閫夐」銆俤efaultViewport:{width:390,height:844,deviceScaleFactor:3,isMobile:true,}鏄惁鍚敤瑙嗗彛妯℃嫙鍣ˊparam{*}options.headless:""鏄惁鏈夋祻瑙堝櫒鐣岄潰@param{*}閫夐」銆俧ileName:""鎴浘鏂囦欢淇濆瓨鍚嶇О@param{*}options.fileSavePath:"datasource/poster/"榛樿鏈嶅姟鍣ㄤ唬鐮佺‖缂栫爜@param{*}options.fileType:"jpeg"鎴浘淇濆瓨鏍煎紡[jpeg,png,webm]@param{*}options.quality:100鍘嬬缉姣擺0,100],fileType=jpeg@param{*}options.fullPage:true鏃舵湁鏁堟槸鍚﹀叏灞忥紝婊氬姩鏃舵埅鍥継param{*}options.clip:null鎸囧畾瑁佸壀鍖哄煙锛宖ullPage涓簍rue鏃朵笉鍙敤锛岄粯璁ull锛屽厑璁稿弬鏁帮細{x:0,y:0,width:390,height:844}@param{Number}screenshotDelay:500椤甸潰鍔犺浇鍚庯紝銆愯Е鍙戞埅鍥剧殑寤惰繜鏃堕棿銆慇param{*}options.closePage:true鍏抽棴鎴浘鍚庣殑椤甸潰锛堥粯璁ゅ叧闂級@param{*}options.closeBrowser:true鎴浘鍚庡叧闂祻瑙堝櫒锛堥粯璁ゅ叧闂級@param{*}options.cb:null,};*/asyncfunctionscreenshotCore(config={}){letoptions={debug:false,headless:true,//defaultheadlesspageUrl:"",//鎴浘鐨勭綉鍧€defaultViewport:{width:390,height:667,deviceScaleFactor:3,isMobile:true,},//鏄惁鎵撳紑Viewport妯℃嫙鍣╢ileName:"",//鎴浘鏂囦欢淇濆瓨鍚峟ileSavePath:"datasource/poster/",//榛樿鏈嶅姟鍣ㄤ唬鐮佺‖缂栫爜fileType:"jpeg",//鎴浘淇濆瓨鏍煎紡[jpeg,png,webm]quality:100,//鍘嬬缉鐜嘯0,100],fileType=jpeg鏃舵湁鏁坒ullPage:true,//鏄惁鍏ㄥ睆锛屾粴鍔ㄦ椂鎴浘clip:null,//鎸囧畾瑁佸壀鍖哄煙锛宖ullPage涓簍rue鏃朵笉鍙敤锛岄粯璁ull锛屽厑璁稿弬鏁帮細{x:0,y:0,width:390,height:844}screenshotDelay:500,//鍒嗛〉鍚巐oaded,[寤惰繜鏃堕棿]瑙﹀彂鎴浘鍓峜losePage:true,//鎴浘鍚庡叧闂〉闈紙榛樿true鍏抽棴锛塩loseBrowser:true,//鎴浘鍚庡叧闂祻瑙堝櫒锛堥粯璁rue鍏抽棴锛塩b:绌?...閰嶇疆,};loginfo(options.debug,`screenshotCoreoptions:${JSON.stringify(options,"","\t")}`);璁﹚ebpagePath=options.pageUrl||鏃犳晥鐨?璁﹕aveType=options.fileType||鈥渏peg鈥濓紱letfile=`${options.fileName}.${saveType}`;璁﹔elativePath=`${options.fileSavePath}${file}`;璁﹕avePath=path.join(__dirname,"..",relativePath);璁﹕aveQuality=options.quality||100锛涜isFullPage=options.fullPage||鐪熺殑;璁ヽlipArea=options.clip||鏃犳晥鐨?璁╂祻瑙堝櫒=绌猴紱璁╅〉闈?绌猴紱consterrHandler=(msg,err)=>{return{閿欒:1,msg,errMsg:閿欒娑堟伅||閿欒娑堟伅锛岄敊璇紝}锛泒;constsuccessHandler=(msg,data={})=>{return{error:0,msg,data,};};constcloseAll=async()=>{if(options.closePage){awaitpage.close();}if(options.closeBrowser){awaitbrowser.close();}};returnnewPromise(async(resolve,reject)=>{try{//鍚姩娴忚鍣╞rowser=awaitpuppeteer.launch({args:["--no-sandbox","--disable-setuid-sandbox"],//濡傛灉鎶モ€淣ousablesandbox!鈥?/slowMo:100,//鍑忔參娴忚鍣ㄧ殑鎵ц閫熷害锛屾柟渚挎祴璇曞拰瑙傚療headless:options.headless,//鏄惁鏄棤鎺ュ彛璁块棶娴忚鍣╠efaultViewport:options.defaultViewport||null,});}catch(err){closeAll();returnreject(errHandler("POSTERapplicationfailedtostart",err.msg||err));}try{//鍒涘缓涓€涓柊椤甸潰page=awaitbrowser.newPage();page.setDefaultNavigationTimeout(60000);//Timeout瓒呮椂瓒呮椂锛岄粯璁?0s锛?琛ㄧず鏃犻檺鍒秨catch(err){closeAll();returnreject(errHandler("puppeteer鎵撳紑鏂伴〉闈㈠け璐?,err));}//page.on("load",async()=>{//loginfo(options.debug,"Pageloaded!");//awaitsleep(options.screenshotDelay);//鎴浘...//});//璁﹔eqNum=0;//page.on("request",async(req)=>{//letmethod=req.method();//leturl=req.url();//console.log("request:",++reqNum);//});//璁﹔epNum=0;//page.on("response",async(rep)=>{//leturl=rep.url();//letstatus=rep.status();//console.log("response:",++repNum);//});try{//鎵撳紑鐩爣椤甸潰{waitUntil:"networkidle0"}琛ㄧず褰撳墠椤甸潰500ms鍐呮病鏈塰ttp璇锋眰锛岀劧鍚庤繑鍥瀉waitpage.goto(webpagePath,{waitUntil:"networkidle0"});}catch(err){closeAll();returnreject(errHandler("puppeteer鎵撳紑鐩爣椤甸潰澶辫触",err));}try{//寮€濮嬫埅鍥綼waitsleep(options.screenshotDelay);awaitpage.screenshot({path:savePath,//瀛樺偍鍦ㄦ湇鍔″櫒涓奓ocationtype:saveType,quality:saveQuality,fullPage:isFullPage,clip:clipArea,});loginfo(options.debug,`鎴浘鏂囦欢淇濆瓨鍦細${savePath}`);璁﹔etData={鏂囦欢锛岀被鍨嬶細saveType锛岃川閲忥細saveQuality锛寎;resolve(successHandler("娴锋姤鐢熸垚鎴愬姛",retData));options.cb&&options.cb(椤甸潰);}catch(err){鎷掔粷ect(errHandler("puppeteer鎴浘澶辫触",err));}鍏抽棴鎵€鏈夛紙锛?});}module.exports={screenshotCore,};璋冪敤绀轰緥const{screenshotCore}=require("./screenshotPuppeteer");screenshotCore({pageUrl:"www.baidu.com",fileName:`capture_${+newDate()}`}).then((res)=>{console.log("鎴愬姛:",res);})銆俢atch((err)=>{console.log("failed:",err);});鎬荤粨涓€涓媝uppeteer.launch鍚姩鎶ラ敊閬囧埌鐨勪竴浜涢棶棰樸€傛瘮濡傛湰鍦板紑鍙戝氨娌℃湁闂銆傞儴缃插埌Linux鏈嶅姟鍣ㄥ悗锛屾病鏈夊彲鐢ㄧ殑娌欑锛佹垨鑰?..setuid...锛岄渶瑕佸湪鍚姩閰嶇疆涓姞鍏rgs锛歔"--no-sandbox","--disable-setuid-sandbox"]//鍚姩娴忚鍣╞rowser=awaitpuppeteer.launch({args:["--no-sandbox","--disable-setuid-sandbox"],//slowMo:100,//鏀炬參娴忚鍣ㄧ殑鎵ц閫熷害锛屾柟渚挎祴璇曡瀵焳);鎴浘鍑虹幇涓枃涔辩爜锛熻繖鏄洜涓烘湇鍔″櫒涓婃病鏈変腑鏂囧瓧浣撱€傚彧闇€瑕佸湪Linux鏈嶅姟鍣ㄧ殑usr/local/share/fonts鐩綍涓嬫坊鍔犱腑鏂囧瓧浣撳寘鍗冲彲銆傚鏋滄兂瑕佸畬缇庤繕鍘熺洰鏍囬〉闈㈢殑瀛椾綋鏍峰紡锛岃繕闇€瑕佸畨瑁呯浉搴旂殑瀛椾綋鏂囦欢銆傛埅鍥句笉澶熸竻鏅帮紵鍙互璁剧疆page.setViewport(viewport)锛屽叾涓璿iewport鐨刣eviceScaleFactor浠ｈ〃璁惧缂╂斁鐨勫畾涔夛紝锛堢被浼间簬dpr锛夈€傞粯璁?銆傛垜浠彲浠ユ牴鎹嚜宸辨兂瑕佺殑鏁堟灉璁剧疆鎴?鎴栬€?锛堣繖涓槸鏍规嵁iPhone鐨勫睆骞昫pr鏉ュ畾鐨勶級銆傚綋鐒讹紝鏁板€艰秺楂橈紝鍥惧儚灏哄瓒婂ぇ锛屾墍浠ヨ鍋氬ソ骞宠 銆備竴鑸缃负3銆傛埅鍥惧唴瀹规槸绌虹櫧杩樻槸涓嶅畬鏁达紵鏈夋椂浼氬彂鐜拌櫧鐒跺湪椤甸潰瀹炰緥鐨刾age.on('load')涓紑濮嬫埅鍥撅紝浣嗘槸浠嶇劧鍑虹幇绌虹櫧鍐呭銆傝繖鏄洜涓哄湪澶у鏁版儏鍐典笅锛屾垜浠殑娴锋姤椤甸潰骞朵笉鏄函闈欐€佺殑锛屼細鏈夋帴鍙ｈ姹傦紝鐒跺悗娓叉煋涓€浜涘姩鎬佺殑鍐呭銆傚洜姝わ紝闇€瑕佸湪鈥滄帴鍙ｈ姹傜粨鏉熷悗锛岀◢绛夌墖鍒烩€濆悗瑙﹀彂鎴浘鎿嶄綔銆傚彲浠ヨ繖鏍峰仛锛?/networkidle0琛ㄧず褰撳墠椤甸潰500ms鍐呮病鏈塰ttp璇锋眰锛岀劧鍚庤繑鍥瀉waitpage.goto(webpagePath,{waitUntil:"networkidle0"});takescreenshotofadom//瀵归〉闈笂鐨勫厓绱犺繘琛屾埅鍥緇etelement=awaitpage.$x('#target_dom');绛夊緟鍏冪礌銆傛埅灞忥紙{...}锛?
