La vista previa de impresión de Google Chrome no carga la página la primera vez
Estoy tratando de imprimir una página usando este código
<html>
<head>
<script type="text/javascript">
function Popup()
{
var mywindow = window.open('', 'Ticket info', 'height=400,width=600');
mywindow.document.write('<html><head><title>my div</title>');
mywindow.document.write('<style type="text/css"> *{margin: 0; padding: 0;} body{padding: 3px; padding-left:20px;font:6px bold Arial;}</style>');
mywindow.document.write('<script src="http://code.jquery.com/jquery-latest.min.js"><'+'/script>');
mywindow.document.write('<script src="jquery-barcode.min.js"><'+'/script>');
mywindow.document.write('</head><body>');
mywindow.document.write('<div id="demo"></div>');
mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
mywindow.document.write('</body></html>');
mywindow.print();
return true;
}
</script>
</head>
<body>
<input type="button" value="Print Div" onclick="Popup();" />
</body>
</html>
Básicamente, se abrirá una ventana y mostrará una vista previa de la página. el primer intento de cargar la vista previa de impresión no cargará el código de barras y cuando cancela la primera vista previa de impresión, haga clic con el botón derecho en la página e imprima nuevamente, la segunda vista previa de impresión mostrará ahora el código de barras para imprimir.
Creo que el problema proviene de esta línea:
mywindow.document.write('<script type="text/javascript">$("#demo").barcode("1234567890128", "code39");<'+'/script>');
cuando comento esta línea y agrego un texto falso a la página. Aparecerá automáticamente en la vista previa de impresión en el primer intento.
Tuve el mismo problema antes cuando intento cargar el estilo desde un archivo CSS. Lo resuelvo transfiriendo los estilos directamente a la ventana emergente.
Mi pregunta es ¿por qué está pasando esto? y ¿cómo puedo cargar el código de barras en el primer intento de la vista previa de impresión?