Передача очень длинного URL-адреса в Puppeteer - есть ли способ лучше? - PullRequest
Новая
       100

Передача очень длинного URL-адреса в Puppeteer - есть ли способ лучше?

0 голосов
/ 21 июня 2020

Итак, проблема git заставила меня откатиться примерно на две недели работы -

Я сейчас пытаюсь передать массив из примерно 3300 строк в шаблон ручек, а затем пытаюсь распечатать это как pdf - мой проблема в том, что я почти уверен, что мой URL-адрес марионетки обрезается до 3000 символов. Я не могу найти обходного пути. 

 <<<< my data logs as -----> Array(3330) [Object, Object, Object, Object, Object, Object, Object, Object, …] >>>

 var templateHtml = fs.readFileSync(path.join(process.cwd(), 'template.html'), 'utf8');
    var template = handlebars.compile(templateHtml);
    var html = template(data);

await page.goto(`data:text/html;charset=UTF-8,${html}`, {
        waitFor:10000
    });

до моего git краха Я распечатывал 90-страничные PDF-файлы и просто не могу понять, что делал раньше.

1 Ответ

1 голос
/ 21 июня 2020

Ответ

Кажется, ваша проблема связана с ограничением длины URI данных . Это 2 МБ в случае Chromium . Поэтому, если ваш html превышает лимит, он будет обрезан или даже не будет отображаться вообще.

Я предлагаю использовать page.setContent с тем же содержанием, поскольку у него нет верхнего предела.

Пример

Примечание: setContent требует ввода строки, я только что скопировал исходный код example.com. 

const puppeteer = require('puppeteer')

async function fn() {
  const browser = await puppeteer.launch({ headless: true })

  const page = await browser.newPage()
  await page.goto('data:text/html,<h1>Template</h1>')
  await page.waitFor(2000)
  await page.setContent(
    '<!doctype html> <html> <head> <title>Example Domain</title> <meta charset="utf-8" /> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style type="text/css"> body { background-color: #f0f0f2; margin: 0; padding: 0; font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; } div { width: 600px; margin: 5em auto; padding: 2em; background-color: #fdfdff; border-radius: 0.5em; box-shadow: 2px 3px 7px 2px rgba(0,0,0,0.02); } a:link, a:visited { color: #38488f; text-decoration: none; } @media (max-width: 700px) { div { margin: 0 auto; width: auto; } } </style> </head> <body> <div> <h1>Example Domain</h1> <p>This domain is for use in illustrative examples in documents. You may use this domain in literature without prior coordination or asking for permission.</p> <p><a href="https://www.iana.org/domains/example">More information...</a></p> </div> </body> </html>'
  )

  await page.pdf({ path: 'page.pdf' })

  await browser.close()
}
fn()
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...