我正在尝试检查函数中页面上的元素是否可用,如果元素在页面上,那么好,继续使用代码,如果没有,请记录错误。
使用try puppeteer page,这是我尝试的内容:
const browser = await puppeteer.launch();
const page = await browser.newPage();
const check = element => {
try {
await page.waitFor(element, {timeout: 1000});
} catch(e) {
console.log("error : ", e)
await browser.close();
}
}
await page.goto('https://www.example.com/');
check("#something");
console.log("done")
await browser.close();
我得到Error running your code. SyntaxError: Unexpected identifier
。我调试了一下,似乎page
函数中的check
是意外的标识符。所以我试着像这样用力传递它:
const browser = await puppeteer.launch();
const page = await browser.newPage();
const check = (element, page) => {
try {
await page.waitFor(element, {timeout: 1000});
} catch(e) {
console.log("error : ", e)
await browser.close();
}
}
await page.goto('https://www.example.com/');
check("#something", page);
console.log("done")
await browser.close();
但是我得到了相同的Error running your code. SyntaxError: Unexpected identifier
错误...
我做错了什么?
答案 0 :(得分:4)
您可以使用此变体来检查元素是否在页面中。
if (await page.$(selector) !== null) console.log('found');
else console.log('not found');
现在回到你的代码,由于这个功能而导致错误抛出async
,
const check = async element => { // <-- make it async
try {
await page.waitFor(element, {timeout: 1000});
} catch(e) {
console.log("error : ", e)
await browser.close();
}
}
无论何时拨打await
,都必须在async
内。你不能随叫随到。因此,您的检查功能应该像这样调用,
await check("#something", page);
总而言之,我们可以通过这种方式重写代码片段,您可以继续尝试这个。
const browser = await puppeteer.launch();
const page = await browser.newPage();
const check = async(element, page) => (await page.$(element) !== null); // Make it async, return true if the element is visible
await page.goto('https://www.example.com/');
// now lets check for the h1 element on example.com
const foundH1 = await check("h1", page);
console.log(`Element Found? : ${foundH1}`);
// now lets check for the h2 element on example.com
const foundH2 = await check("h2", page);
console.log(`Element Found? : ${foundH2}`);
await browser.close();
异步函数也将返回promises,因此您必须捕获该promise或使用另一个等待。在这里阅读更多关于async await的信息: