Ta reda på vilken webbläsare som används genom en WordPress-hook

Att försöka få till det så att CSS:en fungerar i alla webbläsare är förmodligen det vanligaste problemet inom webbutveckling. Du kommer att spara dig en hel del huvudvärk om du har möjlighet att upptäcka de webbläsare som människor använder för att besöka din webbplats och sedan skapa en anpassad klass insvept i body-taggen. Få människor är medvetna om det, men WordPress kan redan upptäcka webbläsare, och några globala variabler är tillgängliga för oss att använda.

 

Kopiera koden nedan och klistra in i din functions.php


När du har sparat filen, kommer funktionen automatiskt lägga till en CSS-klass till <body>-taggen, vilket visas i exemplet nedan:


Kodförklaring:

WordPress har globala variabler som returnerar true om en besökare använder en viss webbläsare. Om besökarens webbläsare är Google Chrome kommer $is_chrome variabeln returnera värdet true. Det är därför vi skapar browser_body_class()-funktionen, som returnerar namnet på besökarens webbläsare. När det är gjort, kopplar vi funktionen till WordPress body_class()-funktion för att skriva ut det i <body>-taggen.