Kan du visa, skriva ut stilmallar tillämpas direkt i webbläsaren?

0
23

Japp.

Låt oss ta en titt på hur man gör det i olika webbläsare. Trots att observera datumet för detta blogginlägg. Det här tenderar att förändras över tid, så om något är fel, låt oss veta och vi kan uppdatera den.

I Firefox…

Det är en liten knapp i DevTools. Så lätt!

  1. Öppna DevTools (Kommando+Alternativ+jag)
  2. Gå till “Inspector” – fliken
  3. Klicka på den lilla ikonen sidan

I Chrome och Kanten…

Det är lite konstigare, tycker jag, men det är fortfarande en ganska lätt sak att göra i DevTools.

  • Öppna DevTools (Kommando+Alternativ+jag)
  • Om du inte har den konstiga-special-botten-området-sak, tryck på Escape-tangenten
  • Klicka på meny-ikonen för att välja flikar för att öppna
  • Välj “Gör” – fliken
  • Bläddra till botten av “Gör” – fliken alternativ
  • Välj skriv ut från alternativ för att Efterlikna CSS media

I Safari…

Safari har en liten knapp en hel del precis som i Firefox, men det ser annorlunda ut.

  1. Öppna DevTools (Kommando+Alternativ+jag)
  2. Gå till “Inspector” – fliken
  3. Klicka på den lilla ikonen sidan