Automatisch Bild von der Website drucken

Question

Ein Kollege und ich diskutierten darüber, was im Browser möglich ist und was nicht.

Dann kam eine Frage auf, die keiner von uns mit Sicherheit beantworten konnte.

Sie können eine Webseite so erstellen, dass sie beim Navigieren zu diesem den Client-seitigen Drucker aktiviert und versucht, ein Dokument zu drucken. Zum Beispiel, wenn Sie meine persönliche Website besuchen, werden Sie mit einem Ausdruck von einem Bild von mir behandelt, lächelnd.

Nun, das ist eine scheußliche Idee. Es ist mir bewusst. Aber die Diskussion faszinierte mich, ob und wie es gemacht werden könnte. Mein Freund bestand darauf, dass das Beste, was Sie tun konnten, war, den Druckdialog für den Benutzer zu öffnen, sie müssten sich selbst drucken.

Wäre es möglich, diesen Schritt zu umgehen? Oder einfach nur ein schickes Skript, um die Maus über den Druckknopf zu bewegen und darauf zu klicken? Oder verwenden Sie ein ActiveX-Steuerelement, um direkt mit einer Drucker-API zu interagieren?

Answer 1

Sie müssen den Benutzer auffordern, die aktuelle Seite zu drucken, es gibt keine Möglichkeit, diesen Schritt zu umgehen (möglicherweise in ActiveX für IE). Das heißt, es gibt zwei verschiedene Möglichkeiten, wie Sie den Benutzer auffordern können, Bilder von Ihnen zu drucken, wenn Sie die Seite laden.

So geht's in JavaScript.

window.onload = function() { 
    var img = window.open("me-smiling.png"); 
    img.print(); 
} 

Und hier ist, wie es in CSS/JavaScript/HTML zu tun (vorausgesetzt, Ihr Bild hat die id 'me-Lächeln'): CSS:

@media print { 
    * { 
    display:none; 
    } 
    img#me-smiling { 
    display:block; 
    } 
} 

Javascript:

window.onload = function() { window.print() } 

Answer 2

Sie können den Druckdialog, soweit ich weiß, nicht umgehen. Das wäre ein ziemlich offensichtlicher Sicherheitsfehler, wenn der Browser das erlaubt. Sie können jedoch den Druckdialog mit "window.print()" aufrufen.

Answer 3

Ich denke, im besten Fall würden Sie eine ActiveX-Komponente benötigen, die die Basis-Windows-API verwendet, um einen Gerätekontext für den Standarddrucker zu erhalten und ein eingebettetes Bild unter Verwendung angenommener Werte für zu drucken die Druckereinstellungen.

Answer 4

AttendStar hat ein kostenloses Add-on erstellt, das das Dialogfeld unterdrückt und alle Kopf- und Fußzeilen für die meisten Firefox-Versionen entfernt. .

https://addons.mozilla.org/en-US/firefox/addon/attendprint/

Mit diesem Merkmal auf Sie $ ('img') jqprint() verwenden können; und jqprint für jquery druckt nur das Bild, das automatisch von Ihrer Webanwendung aufgerufen wird.

Answer 5

auf den Standarddrucker ohne zu sehen, eine Druckdialogaufforderung automatisch zu drucken, habe ich einige Codes in der folgenden Frage geteilt, die in IE7, IE8 und IE9 funktioniert:

Bypass Printdialog in IE9

Answer 6

Die einzige Lösung Vermeiden Sie den Druckdialog, bei dem ich festgestellt habe, dass eine Variable in Mozilla Firefox erstellt wurde, um den automatischen Ausdruck festzulegen.Vielleicht ist nicht die beste Lösung, wenn Sie andere Browser verwenden müssen, aber in meinem Fall muss ich nur einen Bericht automatisch drucken und es funktioniert:

1 Öffnen Sie Firefox und geben Sie "about: config" in der Adressleiste ein
2- Rechts auf jede Präferenz klicken und wählen Sie "Neu"> "Boolean"
3- eine Variable hinzufügen "print.always_print_silent" mit "wahren" Wert
4- Restart Firefox aufgerufen.

Hoffen Sie, dass Sie helfen!

Answer 7

So weit ich weiß, gibt es keine Möglichkeit, ein Dokument direkt zu drucken, ohne dass ein Client eingreifen muss, wie das Setzen von Browser-Flags. In unserem aktuellen Projekt müssen wir direkt auf dem Standarddrucker drucken, aber zumindest mit Chrome können Sie es leicht mit zusätzlichen Startargumente tun.

Um direkt mit dem OS-Standarddrucker drucken Sie verwenden können: statt chromes Druckvorschau

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir=c:\tmp --kiosk-printing http://www.contoso.com

Eine weitere Option, die auch nützlich sein kann, ist tos die native Druckdialog verwenden.

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --user-data-dir=c:\tmp --disable-print-preview http://www.contoso.com

Hinweis, dass window.print() und/oder Strg-P ​​entsprechend den genannten Einstellungen verhalten.

Ich weiß, dass dies nicht genau die OP-Frage beantwortet, aber ich denke, dass es etwas verwandt ist, und für Web-basierte Unternehmensanwendungen ist dies ein ziemlich häufiger Anwendungsfall. Vielleicht findet es jemand nützlich.

Für Firefox empfehle ich Seamless Print Addon

Answer 8

Von vieler Suche von den letzten paar Tagen, Ich habe eine bestmögliche Lösung gefunden. Bis zum Datum Chrome unterstützt das direkte Drucken von JavaScript nicht. Es hat USB und serielle API gestartet, die helfen könnten.

Aber derzeit verwende ich eine JavaApplet-Lösung, die Open Source ist. https://github.com/qzind/qz-print - build Während ich Fehler beim Aufbau bekomme. Ich bevorzugte eine Prebuilt - QZ Print Plugin 1.9.3 Desktop-App, die gut funktioniert.

Herunterladen von hier: https://qz.io/download/

Codebeispiel:

/*************************************************************************** 
* Prototype function for printing an HTML screenshot of the existing page 
* Usage: (identical to appendImage(), but uses html2canvas for png rendering) 
* qz.setPaperSize("8.5in", "11.0in"); // US Letter 
* qz.setAutoSize(true); 
* qz.appendImage($("canvas")[0].toDataURL('image/png')); 
***************************************************************************/ 
function printHTML5Page() { 
    $("#qz-status").html2canvas({ 
     canvas: hidden_screenshot, 
     onrendered: function() { 
      if (notReady()) { return; } 
      // Optional, set up custom page size. These only work for PostScript printing. 
      // setPaperSize() must be called before setAutoSize(), setOrientation(), etc. 
      qz.setPaperSize("8.5in", "11.0in"); // US Letter 
      qz.setAutoSize(true); 
      qz.appendImage($("canvas")[0].toDataURL('image/png')); 

      //qz.setCopies(3); 
      qz.setCopies(parseInt(document.getElementById("copies").value)); 

      // Automatically gets called when "qz.appendFile()" is finished. 
      window['qzDoneAppending'] = function() { 
       // Tell the applet to print. 
       qz.printPS(); 

       // Remove reference to this function 
       window['qzDoneAppending'] = null; 
      }; 
     } 
    }); 
} 

Komplettes Beispiel finden Sie hier: https://gist.github.com/bkrajendra/c80de17b627e59287f7c

Answer 9

Dies ist die beste Lösung, die ich für firefox gefunden: Es gibt dieses tolle Add-on Seamless Print.

Es funktioniert wie Charme.