打印时如何在html页脚上显示页码？

Question

我正在尝试使用JavaScript和CSS在chrome浏览器的页脚处显示页码。显然，浏览器不再支持以下CSS代码：

@page {
  @bottom-right {
    counter-increment: pages; 
    content: counter(page) " of " counter(pages);
  }
}

我尝试使用下面的JavaScript库来工作，但是我已经在Angular项目中使用ngx-print。这些库极大地改变了DOM，并且我的Angular项目没有加载。

https://www.pagedmedia.org/pagedjs-sneak-peeks/

https://github.com/byuarchdi/print-headers-and-footers

有一个jQuery解决方案here，但我不能使用jQuery。

如果有人可以使用JavaScript和CSS显示打印页码，我将不胜感激。

最糟糕的情况是将上述jQuerycode转换为纯JavaScript代码。