Question

我有一个非常简单的页面生成一张票。它有一个img背后的用户名+票号。一切都正常显示，但firefox根本不打印这些名称。有什么想法吗？

编辑：我添加了我在那里的所有代码。不确定我可以添加更多内容。

<!DOCTYPE html>    
<html>
    <head>
        <meta charset="UTF-8">
        <title>FN Ticket</title>
        <style>
            body{
                overflow:scroll;
                text-align:center;
            }
            .box{
               /* background-image: url('/images/Karolina_GFX/2bilet.jpg');*/
                background-repeat: no-repeat;
                height:1200px;
                width:848px;
                margin-left:auto;
                margin-right:auto;
            }
            .data{
                position:relative; bottom:820px;
                margin-left:auto;
                margin-right:auto;
            }
            #imie{
               display:inline; 
               font-size:36px;
               color:#4D4949;
            }
            #nazwisko{
               display:inline;
               font-size:36px;
               color:#4D4949;
            }
            #kod{
               font-size:36px;
               color:#4D4949;
            }
            .print{
                margin-left:auto;
                margin-right:auto;
                margin-top:20px;
                margin-bottom:20px;
                padding:5px;
            }

     @media print {
         .print{
             display:none;
         }
    }

        </style>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
    </head>
    <body>
        <button class='print'>WYDRUKUJ</button>
        <div class='box'>
            <image src='/images/Karolina_GFX/2bilet.jpg'>
            <div class='data'>
            <p id='imie'><?php echo $ticketData[0]->f_name; ?> </p>
            <p id='nazwisko'><?php echo $ticketData[0]->f_surname; ?></p>

            <p id='kod'>Kod: <?php echo $ticketData[0]->f_code; ?></p>
        </div>


            <script>
            $('.print').on('click', function(){
                print();
            });
            </script>
    </body>
</html>

Answer 1

使用window.print()，因为这是一个浏览器功能

Mozilla Documentation

Answer 2

答案是您需要在Mozilla Firefox打印对话框中进行设置。您应该告知用户，因为我不知道如何从javascript激活它。

Answer 3

你可以简单地使用window.print（）函数来完成你的工作。

https://developer.mozilla.org/en-US/docs/Web/API/Window/print

Answer 4

我通过直接在按钮上附加print到onClick事件修复了类似的问题。尝试使用以下代码：

onclick='printMe()'

当您的功能应包含：

window.print();

Answer 5

看起来最近几个firefox更新解决了这个问题。

Firefox打印变量

5 个答案: