Intentar generar un solo recibo con romper/cortar el papel en el medio y generar 2 copias, una para el cliente y otra para el comerciante, es decir (para tener 2 recibos diferentes).
Tomó referencia de https://parzibyte.me/blog/en/2019/10/10/print-receipt-thermal-printer-javascript-css-html/
Intenté aplicar el salto de página como se muestra a continuación, pero al imprimir a través de la aplicación web no vi cortes/cortes en el recibo impreso.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="style.css"> <title>Receipt example</title> </head> <body> <header> <h1>HEADER</h1> </header> <div style="page-break-after:always"></div> <section id="content"> <h1>CONTENT</h1> </section> <div style="page-break-after:always"></div> <footer> <h1>FOTTER</h1> </footer> <button id="btnPrint" class="hidden-print">Print</button> <script> const $btnPrint = document.querySelector("#btnPrint"); $btnPrint.addEventListener("click", () => { window.print(); }); </script> </body> </html>