在Android中通过PWA打印票证或打印为pdf

问题描述

我可以在台式机的Chrome浏览器中进行打印，但是当我在Android中安装PWA时，它不会显示内容。

要制作PWA，请安装@angular/pwa。

这是我在名为{@ 1}的路由器出口中进行的app.component.html配置打印

<router-outlet  class="no-print-route">
  <app-spinner></app-spinner>
</router-outlet>

<router-outlet name="print"> </router-outlet>

这是我的styles.css的内容：

@media print {
  @page {
    width: 80mm;
    height: 400mm;
  }
  html,body {
    width: 80mm;
    height: 100%;
    padding: none;
    margin: none;
  }

  app-full-component > * {
    display: none !important;
    padding: none;
    margin: none;
  }

  app-ticket-imprimir {
    display: block;
    padding: none;
    margin: none;
  }

  /* ... the rest of the rules ... */
}

最后，我称呼mi printService.ticket()里面的这个逻辑为

 ticket(contrato: Contrato) {
    this._imprimiendo = true;
    this.contrato = contrato;

    this.router
      .navigate([
        "/",{
          outlets: {
            print: ["print","ticket"],},])
      .then((algo) => {
        this.actualizar.next(contrato);
        setTimeout(() => {
          window.print();
        },100);
      });

    window.addEventListener("afterprint",() => {
      this._imprimiendo = false;
      this.router.navigate([
        "/",{
          outlets: {
            print: ["print"],]);
    });
  }

这在台式机上很好用，但在android上却不行。它只显示空白页。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）