Solución:
Cree una página HTML completa en la ventana abierta y haga referencia a su archivo CSS allí:
var win = window.open('','printwindow');
win.document.write('<html><head><title>Print it!</title><link rel="stylesheet" type="text/css" href="https://foroayuda.es/styles.css"></head><body>');
win.document.write($("#content").html());
win.document.write('</body></html>');
win.print();
win.close();
Hago algo similar al ejemplo anterior, pero descubrí que no funciona en todos los navegadores. Lo siguiente fue probado con todos los navegadores principales y funciona para mí. (Recuerde, algunos estilos pueden depender de elementos principales, por lo que si su div está anidado dentro de esos elementos, es posible que los estilos no se vean exactamente igual en la ventana de impresión que en su página principal)
function printWithCss() {
//Works with Chome, Firefox, IE, Safari
//Get the HTML of div
var title = document.title;
var divElements = document.getElementById('printme').innerHTML;
var printWindow = window.open("", "_blank", "");
//open the window
printWindow.document.open();
//write the html to the new window, link to css file
printWindow.document.write('<html><head><title>' + title + '</title><link rel="stylesheet" type="text/css" href="https://foroayuda.es/Css/site-print.css"></head><body>');
printWindow.document.write(divElements);
printWindow.document.write('</body></html>');
printWindow.document.close();
printWindow.focus();
//The Timeout is ONLY to make Safari work, but it still works with FF, IE & Chrome.
setTimeout(function() {
printWindow.print();
printWindow.close();
}, 100);
}
Quería tener todos los estilos de la página principal y impresión. Así que quería usar todos los css Enlaces en el CABEZA.
Mi solución usa jQuery.
(function print() {
// getting the tag element I want to print
// cloning the content so it doesn't get messed
// remove all the possible scripts that could be embed
var printContents = $('body').clone().find('script').remove().end().html();
// get all <links> and remove all the <script>'s from the header that could run on the new window
var allLinks = $('head').clone().find('script').remove().end().html();
// open a new window
var popupWin = window.open('', '_blank');
// ready for writing
popupWin.document.open();
// -webkit-print-color-adjust to keep colors for the printing version
var keepColors="<style>body {-webkit-print-color-adjust: exact !important; }</style>";
// writing
// onload="window.print()" to print straigthaway
popupWin.document.write('<html><head>' + keepColors + allLinks + '</head><body onload="window.print()">' + printContents + '</body></html>');
// close for writing
popupWin.document.close();
})();
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)