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.




Deel:
Meldingen
Alles wissen

Hoe kun je een CSS print preview bekijken in Google Chrome


 Hans
(@hans)
Noble Member Admin
Deelgenomen: 8 jaar geleden
Berichten: 1836
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
Onderwerp trefwoorden

Bevalt je wat je hier ziet, en wil je graag helpen? 

Uiteraard is de beste manier van helpen, door anderen hier te helpen met hun vragen. Maar je kunt ons ook op andere manieren helpen:

- Shop bijvoorbeeld bij Amazon, het kost je niks extra, maar het kan zijn dat wij een kleine commissie ontvangen,
- stuur me een koffie via PayPal ($5, $10, $20, or zelf kiezen),
- je kunt ook een Patreon worden,
- of BitCoin (BTC), of BitCoinCash (BCH) doneren.

Deel: