Einige Anwendungen auf der Website müssen den Benutzern die Möglichkeit bieten, Seiten direkt auszudrucken. Die offensichtlichste Möglichkeit besteht darin, dass Händler Inhalte gemäß der von der Website bereitgestellten Vorlage eingeben und dann eine Couponseite erstellen , es ist ein Gutschein.
Der beste Weg ist natürlich, eine Bilddatei basierend auf dieser Seite zu erstellen. Der Benutzer lädt das Bild herunter und druckt es dann. Der Druckeffekt wird durch die Browsereinstellungen nicht beeinflusst.
Wenn Sie die Seite jedoch aus Gründen der Geschwindigkeit oder Kostenersparnis nicht als Bilddatei speichern, können Sie die HTML-Seite nur direkt drucken, was einige zusätzliche Anforderungen an das Design der Seite erfordert, hier zwei Dinge müssen beachtet werden:
1. Legen Sie die Attribute des Style-Tags fest:
Dies bedeutet, dass die in diesem Stil eingeführten oder definierten Stilattribute nur beim Drucken verwendet werden. Zur Erinnerung: Wenn das Medienattribut nicht festgelegt ist, wird der definierte Stil sowohl im Browser als auch beim Drucken wirksam. Daher wird die Verwendung von a empfohlen Stil wie dieser. Wird nach allen regulären Stilen platziert. Wir hoffen beispielsweise, dass auf der gedruckten Seite eine Zeile „Print und Yahoo Word of Mouth Network“ angezeigt wird, dies ist jedoch im Browser nicht realistisch:
Druck und Yahoo-Mundpropaganda-Netzwerk
Dann können wir .printTitle{display:none;} im einheitlichen Stil festlegen und es im nachfolgenden Stil auf .printTitle{display:block;} setzen, wobei das Medium „Druck“ ist. Die definierten Druckstile haben beim Drucken keine höhere Priorität als die regulär definierten Stile, daher wird auch hier empfohlen, die Druckstile nach allen regulären Stilen zu platzieren.
2. Wenn die Seite gedruckt wird, wirken sich die Browsereinstellungen auf den Druckeffekt aus. Im IE gibt es unter „Extras“ – „Internetoptionen“ – „Erweitert“ die Option „Hintergrundfarbe und -bild drucken“, ähnlich wie in Firefox Unter „Datei“ – „Seite einrichten“ gibt es die Option „Hintergrundfarbe und Bild drucken“. Wenn diese Option ausgewählt ist, können die Hintergrundfarbe und das Bild auf der Seite ausgedruckt werden (einige nicht standardmäßige IE-Kernel-Browser scheinen dies zu tun). (einiges Problem: Die Hintergrundfarbe kann gedruckt werden, das Hintergrundbild jedoch nicht.) Wenn sie nicht ausgewählt ist, können weder die Hintergrundfarbe noch das Bild gedruckt werden. Um Benutzer vor verschiedenen Browsern und Browsereinstellungen zu schützen, schlage ich zwei vor Die erste besteht darin, den mit der Hintergrundfarbe gefüllten Bereich als Grenze zu verwenden und einen 1-Pixel-Rand hinzuzufügen. Die Farbe ist dieselbe wie die Hintergrundfarbe, sodass beim Drucken keine Änderung sichtbar ist. Auch wenn die Einstellungen des Benutzers verhindern, dass die Hintergrundfarbe gedruckt wird, können dennoch Ränder als Unterteilungen verwendet werden und das Seitenlayout bleibt auf der größten Ebene erhalten. Die zweite besteht darin, -Tags für alle wichtigen Bilder zu verwenden. Damit diese Bilder gedruckt werden können, unabhängig davon, wie der Browser des Benutzers eingestellt ist. Dies kann dasselbe sein wie: Normalerweise sind einige Seiten auf unterschiedliche Weise gestaltet, aber um den Druckeffekt zu vereinheitlichen, müssen wir nur nachgeben.
Ich habe lediglich einige Probleme angesprochen, die bei praktischen Anwendungen aufgetreten sind. Wenn Sie neue Fragen oder Ideen haben, können Sie diese zunächst hier zur Diskussion stellen.
Originaltext: http://ued.koubei.com/?p=918