Pagina1 van 1
Forum

Welkom bij de Tweaking4All gemeenschapsforums!
Voor je gaat deelnemen, bekijk de Forum Regels!

Specifieke onderwerpen: Start het onderwerp met de naam van het programma of systeem.
Bijvoorbeeld “MacOS X – Jouw vraag“, of bijvoorbeeld “MS Word – Jouw Tip of Truc“.

Merk op: Omschakelen naar een andere taal zal niet werken als je een post aan het lezen bent aangezien er waarschijnlijk geen vertaling beschikbaar is.



Hoe kun je een CSS ...
 
Deel:
Meldingen
Alles wissen

[Opgelost] Hoe kun je een CSS print preview bekijken in Google Chrome

1 Berichten
1 Gebruikers
0 Reactions
1,908 Bekeken
 Hans
(@hans)
Famed Member Admin
Deelgenomen: 12 jaar geleden
Berichten: 2869
Topic starter  

Terwijl ik aan het rommelen was om de print output voor Tweaking4All te optimaliseren, merkte ik dat het best lastig was om dat zo 1-2-3 in Chrome te doen.
Tot ik deze truc ontdekte ...

In Google Chrome, ga naar developer mode (F12).

Druk op +Shift+P (Mac) of Control+Shift+P (Windows, Linux) om het Command Menu te openen.

Begin nu het woord "render" te typen, totdat je de optie "Drawer Show Rendering" ziet - klik op deze optie.

Er verschijnt nu meer informatie waar je even naar beneden moet scrollen tot je "Emulate CSS media type" ziet. Kies daar de optie "Print".

Google Chrome laat nu een preview van de CSS voor printen zien.

N.B.: dit kan waarschijnlijk ook in andere Chromium gebaseerde browsers (b.v. Microsoft Edge, Apple Safari, Opera).


   
BeantwoordenCiteren
Deel: