Firefox 打印变量答案

【问题标题】：Firefox printing variablesFirefox 打印变量
【发布时间】：2016-09-15 00:42:10
【问题描述】：

我有一个非常简单的页面来生成一张票。它在用户名+票号后面有一个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>

【问题讨论】：

print函数的代码在哪里？
只有 Firefox 的行为是这样的？你检查过其他浏览器吗？
@MysterX 在上面添加了，抱歉
@EduardoGalván chrome 工作正常
你真的应该添加更多细节和一个plunker。这适用于 Firefox。

标签： javascript css firefox printing print-css

【解决方案1】：

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

Mozilla Documentation

【讨论】：

【解决方案2】：

我已通过将print 直接附加到按钮上的onClick 事件来解决类似问题。尝试使用以下代码：

onclick='printMe()'

当你的函数应该包含：

window.print();

【讨论】：

没有必要。 onclick="window.print()" 或 onclick="javascript:window.print()" 将在每个主流浏览器中完成这项工作。

【解决方案3】：

答案是您需要在 Mozilla Firefox 打印对话框中进行设置。您应该告知用户这一点，因为我不知道有任何方法可以从 javascript 激活它。

【讨论】：

【解决方案4】：

最近似乎很少有 Firefox 更新修复了这个问题。

【讨论】：

【解决方案5】：

您可以简单地使用 window.print() 函数来为您完成工作。

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

【讨论】：