Vedere css di stampa nel browser

volevo scoprire come ho potuto controllare il mio css di stampa, proprio come quando ho ispezionare i miei elementi con il css normale e ho guardato tutto per plugin e roba del genereVedere css di stampa nel browser

Come quando si visualizza l'anteprima di un stampare in chrome, ma in cui il vostro grado di ispezionare gli elementi

enter image description here

@media print { 
    p{color:red;} 
    ..... my css 
} 
.sharebar { 
    position: absolute; 
    right: 0; 
    top: 0; 
    z-index: 195; 
    font-size: 12px; 
    font-family: 'Open Sans', sans-serif; 
    font-weight: 400; 
    text-transform: uppercase; 
}

fonte

2013-04-19 Simon Pertersen

Come può essere un duplicato quando l'altro "dupe" è solo orientato al chrome questa è una domanda non una domanda specifica del browser –

oltre a ciò, la ricerca di parole chiave che ho usato non avrebbe mai scelto quell'altra domanda, ma questa si avvicinò. Se non è ricercabile, non dovrebbe essere contrassegnato come duplicato. Alcune risposte delle epoche buie sepolte nelle cripte dell'oscurità non dovrebbero essere considerate come una "risposta duplicata" –

Chrome ha questa funzionalità fuori dalla scatola nel DevTools - vedere CSS Media Type Emulation.

fonte

2013-04-19 13:01:57 andyb

non puoi controllare l'elemento nella schermata di anteprima di stampa ... –

Forse Chrome è cambiato da quando questa risposta è stata pubblicata, ma non vedo nulla in là che ti permette di visualizzare in anteprima il tipo di supporto di stampa. Tutto quello che vedo sono impostazioni relative ai dispositivi mobili. – Knyri

@Knyri sì, sembra che Chrome sia cambiato molto da questa risposta. Una risposta molto migliore che ha soluzioni per tutte le versioni di Chrome è http://stackoverflow.com/questions/9540990/using-chromes-element-inspector-in-print-preview-mode – andyb

Se si utilizza Firefox, è possibile utilizzare il Web Developer Toolbar per questo (e molte altre cose buone!)

http://chrispederick.com/work/web-developer/

Dopo aver installato la barra degli strumenti, l'opzione può essere trovato sotto CSS -> stili di visualizzazione per tipo di supporto -> Stili di visualizzazione di stampa.

fonte

2013-04-19 13:00:10 sevenseacat

non funziona. Ho fatto gli ultimi passi che hai menzionato. Grazie – Santanu

fare questo in chrome:

Strumenti Aprire lo sviluppatore
Fare clic su "Personalizza e DevTools controllo" tasto menu hamburger.
Scegli Altri strumenti> Impostazioni di rendering.
Selezionare la casella di controllo "Emula supporti CSS" nella scheda Rendering e selezionare il tipo di supporto di stampa.

I passaggi dettagliati possono essere trovati here.

fonte

2016-09-28 16:34:17 Mike

Vedere css di stampa nel browser

risposta

Problemi correlati