Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Framändarram › Bootstrap-baserat för att aktivera mörk natt (mörk) läge ...
Utsikt: 6129|Svar: 4

[Bootstrap] Aktivera mörkt (mörkt) läge baserat på Bootstrap

[Kopiera länk]
Publicerad på 2023-04-04 09:32:35 | | | |
Krav: Jag såg en liten ikon med en glödlampa och en måne i det lilla högra hörnet på några webbplatser, klicka på glödlampikonen för att få ljusläge, klicka på månikonen för att få nattläge (mörkt läge), det ser väldigt häftigt ut, min webbplats är baserad på Bootstraps front-end-ramverksutveckling, sök efter relaterat material och handledningar.

bootstrap4：Inloggningen med hyperlänken är synlig.
bootstrap5：Inloggningen med hyperlänken är synlig.
Handledningsdokumentation：Inloggningen med hyperlänken är synlig.

Koden sammanställer de fyra metoderna från den ursprungliga arbetskroppen (och totalt sex varianter)

Manuellt växlingsläge:Inloggningen med hyperlänken är synlig.
Följ automatisk växling av operativsystem:Inloggningen med hyperlänken är synlig.




(Särskilt eftersom iPhone växlar mellan dag och natt är mörkt läge lämpligt för miljöer med svagt ljus, vilket bättre skyddar användarens ögon utan att störa andra, och dessutom sparar mer energi.) ）

Enligt dokumentationstutorialen, försök att introducera den på vår webbplats, titta först på renderingarna enligt följande:



Introducera stilar i head, koden är följande:

Knappikon HTML-kod:

Vipplägesläge js-kod:

(Slut)




Föregående:Byt till öppen åtkomst till den angivna porten under Linux
Nästa:Cassowary-verktyget för stresstest av HTTP-förfrågningar

Relaterade inlägg
 Hyresvärd| Publicerad på 2023-04-07 21:08:11 |


Använd följande kommando för att kontrollera om den är i mörkt läge:

 Hyresvärd| Publicerad på 2023-04-07 21:09:46 |
Vi kan använda händelselyssnaren för att upptäcka mönsterändringen, och implementeringskoden ser ut så här:

 Hyresvärd| Publicerad på 2025-07-21 14:38:40 |
Xiaozha Publicerad den 2023-4-7 21:09
Vi kan använda händelselyssnaren för att upptäcka mönsterändringen, och implementeringskoden ser ut så här:
För förändringar i övervakningsläget, se:Inloggningen med hyperlänken är synlig.
 Hyresvärd| Publicerad på 2025-07-21 16:16:34 |
Darkmode.js Lägg till mörker/nattläge på din webbplats på några sekunder:Inloggningen med hyperlänken är synlig.
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com