由于作用域的關(guān)系，就是樓上說的，每次調(diào)用add都返回了一個新的temp，而不是同一個temp執(zhí)行3次，實質(zhì)上這個寫法叫遞歸，只是他寫的比較難懂而已，和一般說的鏈?zhǔn)秸{(diào)用沒關(guān)系。其實更多的情況來說，鏈?zhǔn)秸{(diào)用是一種“寫代碼的格式”而不是功能。例如var a = -5.385; var b = Math.abs(a); var c = b.toFixed(2); console.log(c);也可以寫成var c = Math.abs(-5.385).toFixed(2)。簡單的也就罷了，復(fù)雜的鏈?zhǔn)綄懛ㄊ莃ug的重災(zāi)區(qū)，對于代碼質(zhì)量把控并不是好事。你聽沒聽明白我不知道，但是我知道截圖這樣寫代碼會挨抽。

只能在頁面上下文中使用getElementById。使用page.evaluate，例如： const html = await page.evaluate(() => { return document.getElementById("g-recaptcha-response").innerHTML;});console.log(html); 這將獲取該元素的innerHTML，將其發(fā)送回Puppeteer，并將其登錄到節(jié)點。 如果你想把一些東西傳遞給頁面，你必須把它傳遞給page.evaluate，例如 await page.evaluate((arg) => { return document.getElementById("g-recaptcha-response").value = arg;}, '123'); 這將把textarea的值設(shè)置為123。

無頭模式時要指定本地 chrome 的路徑，不然就得下 puppeteer 里自帶的。見官方文檔default-runtime-settings

我建議您使用JSON而不是純文本-這將使所有的檢查更容易。 在腳本所在的文件夾中創(chuàng)建一個文件data.json。文件必須只包含兩個花括號：{}。它將為啟動器指定一個空對象。 您的腳本將使用fs模塊讀取文件，并從中生成一個JS對象。然后它將檢查用戶是否有任何消息，以及這些消息是否包含當(dāng)前消息。如果是，消息將轉(zhuǎn)換為emty字符串。否則，如果需要，將創(chuàng)建用戶消息數(shù)組，然后進行更新，并重寫文件。 對象隨時間變化如下： { 'Mary': ['', 'baz', '42'], 'John': ['', 'foo', 'bar'],} 下面是一個腳本示例： const { readFileSync, writeFileSync } = require('fs');function containsWords(words, message) { return words.some(w => message.includes(w));}async function grabResult(page) { const username = await page.$eval( 'child(15) .username', (el) => el.innerText ); let message = await page.$eval( 'div > div:nth-child(2)', (

您可以將page創(chuàng)建移動到一個util并將其提升到re-use它。 const puppeteer = require('puppeteer');let page;const getPage = async () => { if (page) return page; const browser = await puppeteer.launch({ headless: true, }); page = await browser.newPage(); return page;}; . const getPage = require('./getPage');static async downloadPDF(res, html, filename) { const page = await getPage()}

您的URL缺少協(xié)議部分。當(dāng)您在瀏覽器地址欄中手動粘貼它時，它會自動添加，但您需要使用puppeter顯式地指定它。 So try: pageURL = "http://static.grainger.com/rp/s/is/image/Grainger/1RVB9_AS01?hei=536&wid=536";

page是Node.js上下文中的puppeter變量，querySelectorAll和querySelectorAll是瀏覽器上下文中文檔和元素的方法。這些上下文不能混合。一些可序列化的數(shù)據(jù)可以通過page.evaluate()和類似的函數(shù)在它們之間傳輸。您可以通過這種方式獲得元素處理程序數(shù)組（但是元素處理程序有自己的API，請參閱文檔中的詳細信息）。 const myDivs = [];for (const div of await page.$$("div.b-swatch-value-wrapper")) { if (await div.$("span.b-swatch-value--orderable") !== null) { myDivs.push(div); }}

不幸的是，.evaluate()或.$$eval()以及類似的方法只能傳輸可序列化的值（大致上，JSON可以處理的值）。由于DOM元素是不可序列化的（它們包含方法和循環(huán)引用），集合中的每個元素都將替換為空對象或未定義的對象。您需要返回可序列化的值（例如，一個文本數(shù)組）或使用類似page.evaluateHandle()和JSHandle的API。 第一種選擇： const arr= await feedHandle.$$eval( '.car-list-child', nodes => nodes.map(n => n.innerText));console.log(arr);

您的xpath似乎有問題。試試這個 //ul[@class='MenuBarSubmenuVisible']//a[包含（text（），'Out Claims'）]

這似乎是你需要實現(xiàn)你的目標(biāo)與木偶： const hrefs = await page.evaluate(() => { let links = []; let elements2 = document.querySelectorAll('a'); for (let element2 of elements2) links.push(element2.href); return links;});

不，不需要總是使用waitForSelector。如果元素已經(jīng)在頁面上，那么只需用page.$、page.$eval等選擇它，否則等待它。如果你不確定它是否會在那里，最好等待它。 waitForSelector基本上是更通用的waitForFunction上的common-case便利包裝器，它要么注冊一個requestAnimationFrame循環(huán)，要么注冊MutationObserver以等待回調(diào)謂詞為真。waitForSelector文檔聲稱“如果在調(diào)用方法時選擇器已經(jīng)存在，該方法將立即返回”，但我看不出它在從當(dāng)前代碼附加requestAnimationFrame之前運行了初步的page.$-type查詢。 另一方面，page.$和page.$eval和公司只需以最少的開銷為您運行document.querySelector。盡管如此，我不會太擔(dān)心性能；如果要將所有page.$調(diào)用替換為waitForSelector調(diào)用，這可能不會太明顯。 另一方面，我喜歡在適當(dāng)?shù)臅r候使用page.$的表現(xiàn)力。它傳達了您確信元素存在的意圖，如果您不加區(qū)分地使用waitForSelector，則不太清楚。page.$不會拋出，因此報告更弱，當(dāng)您嘗試訪問null上的屬性時，可能會將拋出推到下一行（或更遠）。 注意waitForSelector返回第一個匹配元素，因此代碼可以寫成 const s

經(jīng)過一番調(diào)試，最后發(fā)現(xiàn)不是puppeteer的問題，而是我使用的nodemailer郵件發(fā)送功能 var transporter = nodemailer.createTransport({       *****        secureConnection: false, // 使用 SSL        tls: {            // do not fail on invalid certs            rejectUnauthorized: false        },       *******    });

最好備注下puppeteer的版本const res = await page.evaluate(() => getName());文檔Puppeteer v8.0.0

const puppeteer = require('puppeteer');const fs = require('fs');(async () => { const browser = await puppeteer.launch(); const page = await browser.newPage(); await page.tracing.start({ screenshots: true, path: 'trace.json' }); await page.goto('https://segmentfault.com', { timeout: 60000 }); await page.tracing.stop(); // Extract data from the trace const tracing = JSON.parse(fs.readFileSync('./trace.json', 'utf8')); const traceScreenshots = tracing.traceEvents.filter(x => ( x.cat === 'disabled-by-default-devtools.screenshot' && x.name === 'Screenshot' && typeof x.args !==

為了避免一個div分成兩個頁面，在html中向div添加一個類（例如“myDiv”），并在頁面CSS中包含下面的代碼。 @media print { .myDiv { break-inside: avoid; }}