Headless Chrome：链接的 CSS 不呈现

Question

我正在尝试使用包装器使用无头 chrome 的 print-topdf 功能；木偶师。我收到的 HTML 文件是通过拉​​下我们网页的 html，添加 CSS，然后将文件发送到 Puppeteer 脚本进行导出来构建的。

当页面呈现时，所有 CSS 都丢失了。下面是我写的一些代码来诊断这个问题。它在加载到 chrome 后注入 CSS，它可以解决一些格式问题。

var puppeteer = require('puppeteer')

  const browser = puppeteer.launch({headless: false}).then(function(browser){
      const page = browser.newPage().then(function(page){
          page.emulateMedia('screen');
          page.goto('url1....', {waitUntil: 'networkidle2'}).then(function(){
            page.addStyleTag({url: 'url2...'}).then(function(){
              page.addStyleTag({url:'url3...' }).then(function(){
                page.addStyleTag({url: 'url4...'}).then(function(){
                    page.addStyleTag({url: 'url5...'}).then(function(){

                    });
                  });
                });
            });
          }); 
      });
  });

当我将 HTML 文件加载到无头 Chrome (chromium) 时，如何确保 CSS 正确呈现？