Néhány napja tesztelem a kényszerített sötét böngészést, és vegyes érzéseim vannak. Miért nem maradok vele... még?

Egy Chromium-alapú böngésző már régóta létezik. zászló hogy amit a bővítmény kínál Sötét Olvasó. És az mi? Alapvetően az összes weboldalt sötét módban jeleníti meg, még akkor is, ha nem kínálja ezt a lehetőséget. Vivaldi 6.6 hozzáadott egy opciót, amely aktiválja a zászló natív Chromium, hogy ugyanazt az eredményt érje el, de megéri-e erőltetett sötét böngészés?

Nehéz válaszolni valamire, amit én személy szerint Vegyes érzéseket kelt bennem. Nem tudok – vagy nem is szabad – képernyőképeket közzétennem a WordPress szerkesztőből, de ez lenne a legjobb példa arra, hogy mi késztet arra, hogy a kényszerített sötét navigációt használjam. Nincs benne semmi "furcsa" elem és az eredmény szinte tökéletes. A háttereken a sötétszürke különböző árnyalatai láthatók, a szöveg fehér, a hivatkozások pedig valamivel világosabb kékek, mint az alapértelmezett téma. Ha jobban megnézem, tudok egy részleges képernyőképet tenni, és így néz ki:

Ugyanezen a képen néhány javítandó dolog is látható.

Képprobléma a kényszerített sötét böngészésben

Később elmagyarázzuk vagy megpróbáljuk elmagyarázni, hogyan működik ez a lehetőség, de itt beszéljünk a problémákról, azon apróságok egyike, amelyek egyáltalán nem néznek ki jól. Nem tettem hozzá nyilat a képernyőképhez, de látod azt a kis babát a "Kapcsolódó" gomb bal oldalán? Az eredeti nem ilyen; A színfordítás kényszerített, és olyasmit mutat, amit nem kellene.

Egy olyan problémában, ami néha látható, máskor meg nem. Az egyik lehetőség tiszteletben kell tartania a képeket, és ez egyeseknél csúnyán megbukik. A fejlesztői eszközökkel nézve az adott baba egy SVG formátumú kép, de CSS-háttérképen keresztül jelenik meg. Ezért a böngésző nem képről, hanem szövegről érzékeli, és a szövegeknek, ahogy megérti, meg kell fordítani a színüket.

Ezért a képek Mindaddig tiszteletben tartják őket, amíg olyan formátumban vannak, amely egyértelművé teszi, hogy képek. Van megoldás a jövőre nézve? Szerintem igen, de ez nem túl egyszerű. Ez magában foglalja az attribútumok, sőt a CSS-szabályok elemzését, és annak megvizsgálását, hogy van-e bennük valamilyen kép. De ez nem olyan egyszerű, mint az img címkékre hagyatkozni. Amit annyira nem értek, hogy mi történik a Mastodonnál. A profilképek mind fordítva néznek ki, és ott vannak egy img címkében. Nem kétlem, hogy ez a jövőben javulni fog, de jelenleg úgy van, ahogy van.

Egyéb problémák

Mindezek egyik kozmetikai változása az a feketétől eltérő színű szövegek világosabb tónusban jelennek meg. Ez az, ami miatt a fenti képernyőképen látható linkek jól néznek ki; Normál kék színben rosszabbul nézne ki. Ami elsőre jó ötletnek tűnik, az nem mindig sikerül olyan jól, és ezt nehezebb megoldani. Az egyszerű megoldás a felhasználón múlik: szokja meg, és szerintem lehetséges.

Van még egy utolsó probléma, és ez az opció tudja, hogy kell-e cselekedni vagy sem. A webdizájnerek azon gondolkodnak, hogyan fog kinézni a végén. Sok olyan oldal van, amely nem veszi figyelembe a felhasználók által választott színbeállításokat. Hogy helyesen tegyük és szabályozzuk a preferenciáinkat két színpalettát kell hozzáadnia, az egyik a világos témához, a másik pedig a sötét témához. A következő módon működik:

1. A weboldal pontosan úgy van megtervezve, ahogy Ön szerint a legjobban fog kinézni.
2. Befejezés után, vagy máskor, mivel erre nincs írott szabály, létrejön az a lehetőség, hogy a színpalettát az eredeti tervben nem használtuk fel. Például, ha úgy döntöttem, hogy a betűk fehér alapon feketék lesznek az alapértelmezett beállításban, akkor hozzá kell adnom a média lekérdezés „@media (prefers-color-scheme: dark)” a szükséges változtatások, amikor a felhasználó a sötét témát választja.

@media (prefers-color-scheme: dark), a megoldás… ami másoktól függ

Ez a multimédiás konzultáció sok problémát megoldhat. A böngésző látja, hogy van egy sötét témákra tervezett lehetőség, és a kinézetből a kényszerített sötét böngészés már nem jön be. Egyszerűen hagyja el, amit terveztek.

A probléma itt az azt a kódsort sok esetben nem használják még akkor is, ha a design már sötét hátterű és világos szövegekkel rendelkezik. Természetesen amikor a böngésző megérti, hogy világos témában van, ami a valóságban nem az, és megpróbálja az egyik sötét témát a másikra cserélni, akkor tönkreteszi a dalt.

A kényszerített sötét böngészés használata a Chromiumban

A Chromium-alapú böngészőkben ez a lehetőség be van kapcsolva chrome: // flags (a böngészők megváltoztathatják a „chrome” szót „bátor”, „vivaldi” és így tovább) a „dark” kifejezésre keresve. Az opció „Automatikus sötét mód webes tartalmakhoz” néven jelenik meg, és különböző opciókkal aktiválható. Úgy tűnik, hogy a legjobban működik az „Engedélyezve a szelektív képfordítással”, amely mindent megfordít, ami nem kép. Az itt ismertetett eredményeket kínálja, és bár reméljük, hogy a jövőben javulni fog, ma még nem tökéletes.

És itt vagyok vegyes érzelmeimmel. Egyrészt szeretem, de amikor jól megy. Másrészt gondot okoz a több kép. Jelenleg aktiválom és deaktiválom az opciót, de ha eljön az idő, amikor ezek az apró problémák megszűnnek, akkor ez egyértelmű. a sötét oldalra megyek.