发表新帖
发表新帖

google chrome print preview does not load the page the first time

前端 未结
关注
4 1270
刺人心
刺人心 2021-01-12 17:51

I\'m trying to print a page using this code
相关标签:
4条回答
  • 野趣味
    2021-01-12 18:09

    This worked for me (as well as implementing Anand's observed IE 10+ requirements):

    function Popup() {
    var _window = window.open('');
    _window.document.write(data);

    // required for IE >= 10
    _window.document.close();
    _window.focus();

    _window.document.body.onload = function() {
        // continue to print
        _window.print();
        _window.close();
    };

    return true;
}

    Instead of waiting for the window to load and attempting to print it prematurely, this just waits for the entire document.body to load.

    0 讨论(0)
  • 自闭症患者
    2021-01-12 18:11

    You need to put delay before print. There is a native defect in chrome.

    Code would as under :-

    function PrintDiv(data) {
    var mywindow = window.open();
    var is_chrome = Boolean(mywindow.chrome);
    mywindow.document.write(data);

   if (is_chrome) {
     setTimeout(function() { // wait until all resources loaded 
        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10
        mywindow.print(); // change window to winPrint
        mywindow.close(); // change window to winPrint
     }, 250);
   } else {
        mywindow.document.close(); // necessary for IE >= 10
        mywindow.focus(); // necessary for IE >= 10

        mywindow.print();
        mywindow.close();
   }

    return true;
}
    0 讨论(0)
  • 离开以前
    2021-01-12 18:20

    I moved the window.print() command on the pop up window it self so it can load the jquery function first before printing.

    This is the line that I added.

    mywindow.document.write('<script type="text/javascript">window.print();<'+'/script>');

    This is the whole code:

    <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('<script type="text/javascript">window.print();<'+'/script>');
            mywindow.document.write('</body></html>');
            return true;
        }
    </script>
</head>
<body>
<input type="button" value="Print Div" onclick="Popup();" />
</body>
</html>
    0 讨论(0)
  • 栀梦
    2021-01-12 18:20

    actually you can create an extension css and place all your css in there...

    Default

     mywindow.document.write('<link rel="stylesheet" type="text/css" href="/css/default.css"/>');

    Then just replace it like this

    mywindow.document.write('<link rel="stylesheet" type="text/css" href="/css/default.css" media="print"/>');

    just add media='print' to recognize it..

    Hope it will help...

    0 讨论(0)
 看不清?
提交回复
热议问题