Needless UI ya ginu ne a kan elements na asali da sababbin fasalolin dandalin yanar gizo, kamar Popover API. Yana tallafa wa burauzojin da ke ƙasa tun daga sigar da aka lissafa ga kowace ɗaya. A tsofaffin sigogi, menus, selects da popovers ba sa buɗewa.
Burauzojin da ake tallafawa
| Burauza | Daga siga | Ana buƙata don |
|---|---|---|
| Chrome da Edge, a kwamfuta da Android | 120 | Icons da ake zanawa da masks na CSS, da :dir() don rubutu daga dama zuwa hagu |
| Firefox, a kwamfuta da Android | 125 | Popover API |
| Safari a Mac | 17 | Popover API |
| Kowace burauza a iPhone da iPad | iOS 17 | Popover API |
| Burauzar Samsung Internet | 25 | Kamar Chrome |
Sauran burauzojin da aka gina a kan Chromium, kamar Opera da Brave, suna bin sigogin Chrome. Angular 22 kansa yana buƙatar Chrome, Edge da Firefox 119 da Safari 17. Ba a tallafa wa Internet Explorer da tsohon Edge na kafin Chromium ba.
Burauzojin da ake gwadawa
A kowane canji, ana gudanar da gwaje-gwajen kowane component a cikin injunan Chrome, Firefox da Safari. Kafin fitar da kowace sabuwar siga, ana duba kowane shafi na waɗannan bayanai a kowane inji, a kwamfuta da kuma a waya ta hanyar taɓawa: dole ne ya fara aiki, ya buɗe kowane menu da popup, ya dace da allo, kuma ya wuce gwaje-gwajen sauƙin amfani ga kowa.
| Inji | Siga | Inda ake gwadawa |
|---|---|---|
| Chromium (injin Chrome da Edge) | 153 | Kwamfuta, da wayar Android ta hanyar taɓawa |
| Firefox | 155 | Kwamfuta, da allon taɓawa mai girman waya |
| WebKit (injin Safari) | 26.6 | Kwamfuta, da iPhone ta hanyar taɓawa |
| Safari a iPhone | iOS 17.5 da 18.6 | Simulator na iPhone |
Ba a gwada sigogin da ke tsakanin mafi tsufa da ake tallafawa da waɗanda ake gwadawa ɗaya bayan ɗaya ba: ana tallafa musu ne saboda suna da duk fasalolin da components ke buƙata.
Ƙarin abubuwa a sababbin burauzoji
Wasu ƙananan abubuwa suna amfani da fasalolin da sababbin burauzoji kaɗai ke da su. Sauran burauzoji suna tsallake su, kuma babu abin da ke lalacewa:
| Abu | Burauzoji | A sauran burauzoji |
|---|---|---|
| Popovers, menus da dialogs suna shigowa da fita da motsi | Chrome da Edge, Firefox 129, Safari 17.5 | Suna bayyana da ɓacewa nan take |
Kusurwoyin squircle (corner-shape) | Chrome da Edge 139 | Kusurwoyi masu zagaye |
| Ɗaukar launi daga ko’ina a kan allo | Chrome da Edge a kwamfuta | Babu maɓallin eyedropper |
| Zaɓar dukan folder a cikin dropzone | Burauzoji a kwamfuta | Fayiloli kawai |
| Zoben maɓallin juyawa na carousel yana cika a hankali | Chrome da Edge, Firefox 128, Safari | Yana cika nan take |
Wayoyi da allon taɓawa
Kowane component yana aiki da taɓawa. Handles na splitter, akwatin launuka na color picker, gefunan ginshiƙai na data grid da toasts suna bin yatsa ba tare da shafin ya gungura ba, ana jan carousel da yatsa ta gungurawar burauzar kanta, kuma dannawa da riƙewa yana ɗaga event na scheduler. A allon taɓawa, rubutun filaye yana da girman pixels 16 aƙalla, don kada iPhone ya ƙara girman shafi a kansu, kuma kalmomin da allon madannai ke haɗawa yayin rubutu, kamar yadda na Android ke yi, suna isowa cikakku.
Allon taɓawa ba shi da linzamin da zai tsaya a kan abu, don haka hovercard ƙari ne kawai ga abin da ke shafin: kada ku sa wani abu mai muhimmanci a cikinsa. A waya, Return a cikin chat yana fara sabon layi, maɓallin aikawa kuma yana aikawa.
Allon madannai a Safari
A asali, maɓallin Tab a Safari yana matsar da focus tsakanin filayen rubutu da menus masu buɗewa kawai. Don isa ga kowane maɓalli da mahaɗi, ku kunna “Danna Tab don haskaka kowane abu a shafin yanar gizo” (Press Tab to highlight each item on a webpage) a cikin saitunan Safari na ci gaba (Advanced), ko ku danna Option-Tab. Haka kuma Safari ba ya sa focus a kan maɓalli idan an danna shi; components suna cike wannan giɓi, don haka allon madannai yana ci gaba daga nan bayan dannawa kamar a sauran burauzoji.