Gostaria de adicionar um código QR quando alguém imprime uma página do nosso site. Adicionei o seguinte CSS incorporado:
@media print {
body:after {
content: "Convenient QR code to return to this page ..." url(https://image-charts.com/chart?chs=100x100&cht=qr&chl=https://<?=$_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"];?>&choe=UTF-8);
}
}
Isso está funcionando perfeitamente quando alguém usa CTRL-P e o texto e o código QR aparecem na parte inferior da página. No entanto, quando alguém usa o botão que forneço para "Printer Friendly" — que simplesmente executa window.print() — tudo o que aparece na parte inferior da página é o texto... nenhum código QR. Tentei imprimir a página pensando que poderia ser um problema de visualização de impressão, mas o código QR não apareceu na página (Observação: ao imprimir usando CTRL-P, o código QR aparece).
Em essência, estou perguntando por que há uma diferença entre CTRL-P e window.print() e o que posso fazer para corrigir a situação. Procurei soluções e encontrei apenas algumas referências no Stack Overflow ( 53758720 e 7928963 ), mas elas não estavam abordando o mesmo problema. Qualquer ajuda será apreciada.