72 lines
2.1 KiB
JavaScript
72 lines
2.1 KiB
JavaScript
const { chromium } = require('playwright');
|
|
const fs = require('fs');
|
|
|
|
const URL = 'https://studiosfeedback.com';
|
|
const OUT = '/home/claude/agency-web/audit';
|
|
const UA = 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36';
|
|
|
|
const VIEWPORTS = [
|
|
['desktop', 1440, 900],
|
|
['mobile', 390, 844],
|
|
];
|
|
|
|
async function scrollPass(page) {
|
|
await page.evaluate(async () => {
|
|
await new Promise((resolve) => {
|
|
let y = 0;
|
|
const step = () => {
|
|
window.scrollTo(0, y);
|
|
y += 500;
|
|
if (y < document.body.scrollHeight) {
|
|
setTimeout(step, 130);
|
|
} else {
|
|
window.scrollTo(0, 0);
|
|
setTimeout(resolve, 400);
|
|
}
|
|
};
|
|
step();
|
|
});
|
|
});
|
|
}
|
|
|
|
(async () => {
|
|
const browser = await chromium.launch();
|
|
for (const [name, w, h] of VIEWPORTS) {
|
|
const ctx = await browser.newContext({
|
|
viewport: { width: w, height: h },
|
|
userAgent: UA,
|
|
deviceScaleFactor: 2,
|
|
});
|
|
const page = await ctx.newPage();
|
|
await page.goto(URL, { waitUntil: 'networkidle', timeout: 60000 }).catch(async () => {
|
|
await page.goto(URL, { waitUntil: 'load', timeout: 60000 });
|
|
});
|
|
|
|
// dismiss consent / popups
|
|
for (const sel of [
|
|
'text=/^(accept|aceptar|agree|ok|entendido|got it)/i',
|
|
"[id*='cookie' i] button",
|
|
"[class*='consent' i] button",
|
|
]) {
|
|
try { await page.locator(sel).first().click({ timeout: 700 }); } catch (e) {}
|
|
}
|
|
await page.keyboard.press('Escape').catch(() => {});
|
|
|
|
await scrollPass(page);
|
|
await page.waitForTimeout(1200);
|
|
|
|
// above the fold
|
|
await page.screenshot({ path: `${OUT}/${name}-fold.png` });
|
|
// full page
|
|
await page.screenshot({ path: `${OUT}/${name}-full.png`, fullPage: true });
|
|
|
|
if (name === 'desktop') {
|
|
fs.writeFileSync(`${OUT}/page.html`, await page.content(), 'utf-8');
|
|
const bh = await page.evaluate(() => document.body.scrollHeight);
|
|
console.log('desktop body scrollHeight =', bh);
|
|
}
|
|
console.log(`captured ${name}`);
|
|
await ctx.close();
|
|
}
|
|
await browser.close();
|
|
})();
|