Aktivizo flamujt eksperimentalë dhe testimin e burimit për API-të e reja të uebit në Edge

Nëse punoni me API të reja në internet dhe duhet të qëndroni një hap përpara të tjerëve, Microsoft Edge ofron disa mënyra për të aktivizuar veçoritë që nuk janë ende në kanalin e qëndrueshëm. Këto përfshijnë eksperimentet e DevTools, flamujt e shfletuesit dhe testimin e burimit . Në këtë udhëzues, ne kemi mbledhur gjithçka në një burim të vetëm, në mënyrë që të mund të testoni, krahasoni qasjet dhe të shmangni problemet e performancës ose përputhshmërisë në mënyrë të sigurt.

Përveç edge://flags-it të njohur, Edge integron një faqe Eksperimentesh në Mjetet e Zhvilluesit (DevTools) me kuti kontrolli që zhbllokojnë veçoritë në zhvillim e sipër. Dhe nëse keni nevojë të testoni me përdorues të vërtetë në prodhim, ekzistojnë teste origjine me tokena me kohë të kufizuar . Ne shpjegojmë se si të aktivizoni secilin opsion, cilat rreziqe përfshihen dhe kur secili është i përshtatshëm.

Çfarë opsionesh keni për të aktivizuar veçoritë eksperimentale në Edge?

Në Edge, mund të aktivizoni veçoritë në tre mënyra plotësuese, varësisht nga skenari. Së pari, nga faqja Eksperimentet në DevTools për të ndryshuar sjelljen e vetë mjeteve . Së dyti, duke përdorur flamujt e shfletuesit në edge://flags për të ndryshuar kohën e ekzekutimit të Chromium. Dhe së treti, me testet e burimit, për të aktivizuar një API specifike për përdoruesit e faqes suaj me një token serveri ose meta tag.

Është e rëndësishme të bëhet qartë dallimi midis koncepteve: flamujt dhe eksperimentet ndikojnë në shfletuesin tuaj lokal , ndërsa testet e origjinës mundësojnë API-të për vizitorët e faqes suaj të internetit pa kërkuar që ata të ndryshojnë cilësimet e tyre. Ky dallim është çelësi për të shmangur përzierjen e rrjedhave të punës dhe për të zgjedhur metodën e duhur për secilën fazë zhvillimi.

Si të aktivizoni ose çaktivizoni eksperimentet në DevTools

Faqja e Eksperimenteve të DevTools ofron qasje në veçoritë në zhvillim e sipër që mund të ndryshojnë midis versioneve. Aktivizojini ato vetëm kur ju nevojiten këto aftësi për debugging ose analizë , dhe kini parasysh se ato mund të kërkojnë rinisjen e DevTools.

Hapa të shpejtë: Hapni DevTools duke klikuar me të djathtën në faqe dhe duke zgjedhur Inspect (Inspect) (ose përdorni Ctrl+Shift+I në Windows/Linux, Command+Option+I në macOS). Në shiritin e veglave DevTools, shkoni te Cilësimet dhe zgjidhni faqen Experiments. Shënoni ose çshënoni kutitë sipas nevojës dhe klikoni Reload DevTools për të aplikuar ndryshimet.

Rivendos eksperimentet në vlerat fillestare

Nëse hasni paqëndrueshmëri ose ngadalësi, mund të ktheheni në gjendjen fillestare. Hapni DevTools, shkoni te Cilësimet dhe në faqen e Preferencave, klikoni butonin Rivendos Parazgjedhjet dhe Rifresko. Kur të mbyllni DevTools, ai do të kthehet në cilësimet fillestare të eksperimentit.

Filtro dhe gjej eksperimentet në DevTools

Për të gjetur një kuti specifike kontrolli, përdorni kutinë e tekstit Filtër në faqen Eksperimentet . Ndërsa shkruani, do të shihni vetëm opsionet që përputhen me tekstin tuaj. Pastroni filtrin për të rikthyer listën e plotë.

Si t’i dërgoni reagime ekipit të Edge DevTools

Microsoft po kërkon reagime specifike mbi këto veçori. Nëse hasni ndonjë problem ose keni sugjerime, ju lutemi kontaktoni ekipin e Edge DevTools përmes kanaleve zyrtare . Sa më i detajuar të jetë raporti juaj, aq më i dobishëm do të jetë në stabilizimin e veçorisë.

Lista e eksperimenteve aktuale në DevTools

Lista e mëposhtme përmbledh kutitë e kontrollit të disponueshme në kanalin më të fundit Canary dhe homologët e tyre të qëndrueshëm. Si rregull i përgjithshëm, ato janë të pranishme në Edge Canary 140 dhe Edge Stable 138 , përveç nëse përcaktohet ndryshe.

Kapja e pirgjeve të krijimit të nyjeve

Ju lejon të mbledhni gjurmë të grumbullit JavaScript kur nyjet shtohen në DOM gjatë kohës së ekzekutimit. Shton skedën "Gjurmimi i grumbullit" te Elementet, pranë Stileve, për të inspektuar origjinën e një futjeje.

Monitori i protokollit

Aktivizoni mjetin Monitor i Protokollit për të parë mesazhet CDP të dërguara dhe të marra nga DevTools . Mund të aksesohet nga Më Shumë Mjete ose nga menyja Komanda duke kërkuar për "protokoll".

Opsioni për të ekspozuar elementët e brendshëm në pamjet e çastit të grumbullit

Shfaq një kuti kontrolli në mjetin e Memories për të ekspozuar elementët e brendshëm në pamjet e çastit të grumbullit dhe për të lehtësuar diagnostikimin e avancuar.

Konfigurimi vertikal i sirtarit

Shënuar si i ri që nga Edge 139. Aktualisht nuk ka efekt praktik ; për të lëvizur Quick View, përdorni butonin e tij të ankorimit në të djathtë. Nuk shfaqet në Stable 138.

Kontrasti perceptues i APCA-së në zgjedhësin e ngjyrave

Ai zëvendëson raportet e vjetra AA/AAA me algoritmin APCA , i cili llogarit kontrastin bazuar në kontekst, trashësinë dhe madhësinë e shkronjave, si dhe kushtet mjedisore.

Pamje peme me aksesueshmëri të plotë në Elements

Shtoni një buton për të kaluar midis pemës DOM dhe pemës së aksesueshmërisë brenda mjetit Elements, duke e ndryshuar pamjen sipas nevojave tuaja.

Redaktor i ri i shkronjave vizuale në Stile

Prezantoni Redaktorin e Fonteve për të ndryshuar njësitë, për të aktivizuar ose çaktivizuar fjalët kyçe, për të konvertuar dhe gjeneruar CSS të saktë për vetitë tipografike pa dalë nga skeda Stilet.

Raportet automatike të kontrastit në panelin Probleme

Mundëson zbulimin dhe raportimin automatik të problemeve me kontrastin të arritshme nga mjeti Probleme, me dokumentacionin dhe burimet përkatëse.

Karakteristikat e cookie-ve eksperimentale

Lejon testimin e veçorive eksperimentale që lidhen me cookie-t , të dobishme për validimin e ndryshimeve të platformës përpara se ato të dërgohen.

Theksoni nyjen ose atributin që shkelet në DOM

Theksoni nyjet ose atributet problematike në pemën DOM për të përshpejtuar zbulimin e gabimeve të shënimit ose rregullit.

Origjinat e grupit në pemë të krijuara dhe të vendosura

Në Origins, ndani burimet në dosjet e autorizimit (të krijuara) dhe të prodhimit (të vendosura) për të dalluar kodin origjinal nga kodi i paketuar.

Fshih kodin nga lista Kapërce në pamjen Burimet

Ju lejon të fshihni kodin e shënuar për t'u lënë jashtë në pemën e Burimeve , duke e bërë më të lehtë navigimin midis skedarëve përkatës.

Performanca: transmetime postMessage

Në gjurmën kryesore, dallon ngjarjet e Planifikimit të PostMessage dhe On message , të lidhura me shigjetat e iniciatorit për të analizuar radhët dhe kontrolluesit midis fijeve.

Performanca: Paneli i të Dhënave Eksperimentale

Shtoni më shumë informacion në shiritin anësor të Insights . Së pari, aktivizoni Insights dhe më pas versionin e tij eksperimental për të parë edhe më shumë të dhëna.

Konsol: Regjistro përjashtimet e pazbuluara të DevTools

Kontrollon nëse përjashtimet e brendshme të DevTools regjistrohen në Konsol , gjë që është e dobishme për debugging-un e vetë mjedisit të mjeteve.

Aktivizo webhint te Problemet

Integroni webhint për të shfaqur sugjerime për aksesueshmërinë, përputhshmërinë, sigurinë, performancën dhe PWA në panelin Probleme, me lidhje për mjete përkatëse.

Shfaq problemet në Elemente

Vendos nënvizime të valëzuara në DOM për gabimet sintaksore të zbuluara , me qasje të drejtpërdrejtë në shpjegimin e problemit.

Skedarët me burim të hapur në Kodin Visual Studio

Zëvendësoni redaktuesin e kodit Origins me VS Code për skedarët lokalë. Kur zgjidhni një dosje funksionale, lidhjet e hapin skedarin direkt në VS Code dhe ndryshimet sinkronizohen drejtpërdrejt.

Rrotullimi Adaptiv i CPU-së

Aktivizon një strategji dinamike të ngadalësimit të CPU-së për testimin e performancës në kushte të ndryshme.

CSS Copilot i integruar në shiritin anësor

Ju lejon të pyesni Copilot-in rreth elementëve HTML dhe rregullave CSS nga Elements . Kërkon që shiriti anësor Edge të jetë aktiv.

Profili Dinamik i Heap-it

Përditëso drejtpërdrejt profilin e grumbullit për të parë trendet e memories ndërsa bashkëvepron me faqen.

Shkalla kohore e mostrës së grumbullit

Performanca shfaq një kronologji të gjeneratorit të profilit të grumbullit të mostrave për të studiuar alokimet dhe mbajtjet me kalimin e kohës.

Performanca: Gjurmimi i invaliditetit

Shtoni një seksion "Anvalidime" në përmbledhjen e Stilit të Rillogaritjes për të mësuar se cilat nyje shkaktuan rillogaritje të kushtueshme.

Performanca: Shfaq të gjitha ngjarjet

Aktivizon/çaktivizon shfaqjen e të gjitha ngjarjeve të regjistruara në seancën e gjurmimit, e dobishme për hetime të hollësishme.

Performanca: Statistikat e thirrjeve në kohën e ekzekutimit V8

Mjeti i Performancës shfaq metrikat e thirrjes së motorit V8 të brendshëm , duke ofruar kontekst kohor në JS.

Performanca: Përmirësimi i mbledhjes së gjurmëve v2

Kjo e bën Performance të kapë lloje të reja gjurmësh për formatin e përmirësuar v2 që po lançohet në Chromium.

Performanca: Mbledhja e tekstit burimor në skripte të kompiluara

Kur eksportoni skedarin e gjurmës, përfshi tekstin burimor të skripteve të përpiluara brenda gjurmës për analizën jashtë linje.

Performanca: Modaliteti i Debugimit të Ngjarjeve të Gjurmimit

Shtoni një seksion Ngjarjeje Gjurmuese në Përmbledhje me emrin, kohëzgjatjen dhe informacionin e korrigjimit të gabimeve për ngjarjen e zgjedhur.

Pikat e ndërprerjes së instrumenteve

Përmirëson besueshmërinë duke ndaluar në pikat e ndërprerjes së instrumenteve , duke lehtësuar inspektimet në pikat kritike të tubacionit.

Duke përdorur informacionin e fushëveprimit nga hartat burimore

Kjo i lejon DevTools të përdorë kontekstin e fushëveprimit të hartave burimore për të ofruar debugging që është më besnik ndaj kodit origjinal.

Testimi i Origjinës: Aktivizoni API-të eksperimentale në faqen tuaj të internetit

Kur doni të testoni me përdorues të vërtetë pa u kërkuar atyre të bëjnë ndryshime, përdorni testimin e burimit. Një token aktivizon përkohësisht një API eksperimental për domenin tuaj në Microsoft Edge , edhe nëse funksioni është i çaktivizuar si parazgjedhje në shfletues.

Si funksionon: Edge zbulon tokenin e testimit të origjinës në kokën tuaj HTML ose HTTP dhe aktivizon në mënyrë të brendshme flamurin për atë origjinë. Përdoruesi nuk ka nevojë të prekë edge://flags ose të instalojë asgjë.

Regjistrimi dhe marrja e tokenit

Hapat: Shkoni te faqja e Testimit të Burimit të Microsoft Edge, zgjidhni një test aktiv dhe pranoni kushtet . Nëse ju kërkohet, hyni (për shembull, me GitHub) dhe plotësoni formularin, duke specifikuar domenin ose nën-domenin tuaj.

Mund të regjistroni: një domen të vetëm, një nën-domen specifik ose domenin plus të gjitha nën-domenet e tij . Shtigjet dhe parametrat nuk mbështeten; regjistrimi është i kufizuar në rrënjë. Pas dorëzimit, tokeni juaj gjenerohet dhe bëhet i dukshëm në seksionin e Regjistrimeve.

Si ta përdorni tokenin në prodhim

Vendosni tokenin si meta tag në kokë ose si kokë përgjigjeje. Shembuj: <meta http-equiv='origin-trial' content='EXAMPLE_TOKEN'> koka e faqes Origin-Trial: EXAMPLE_TOKEN. Për të ndaluar pjesëmarrjen, hiqni meta-n ose kokën.

Zbuloni veçoritë dhe përgatitni rezervimet

Trajtojini testet si eksperimentale. Përdorni zbulimin e veçorive dhe shtoni alternativa rezervë kur API nuk është i disponueshëm , nëse tokeni skadon ose nëse ekipi vendos ta përfundojë eksperimentin herët. Shihni udhëzuesin e zbulimit të veçorive të MDN-së.

Testimi në localhost dhe skadimi

Mekanizmi i token-ave nuk funksionon në localhost . Për ta zhvilluar në nivel lokal, aktivizoni flamurin përkatës në edge://flags. Token-at zakonisht skadojnë pas 6 javësh ; rinovojini ato nga faqja e Testimit të Origjinës kur është e nevojshme.

Kohëzgjatja dhe fundi i hershëm

Një periudhë prove mund të zgjasë deri në datën e caktuar të përfundimit ose të mbyllet herët për arsye sigurie ose dizajni . Nëse përfundon herët, organizatorët do të kontaktojnë zhvilluesit e regjistruar me email.

Dërgoni reagime rreth përvojës suaj

Nga faqja e testimit, hapni butonin Komentet për të hapur skedën Problemet e depozitës dhe për të dokumentuar rastin e përdorimit dhe rezultatet tuaja. Ky informacion është thelbësor për standardizimin.

Flamujt e shfletuesit: Aktivizoni veçoritë e platformës në Edge

Flamujt janë çelësa të fshehur në shfletuesit e bazuar në Chromium. Në Edge, shkoni te edge://flags për të aktivizuar veçoritë në zhvillim e sipër , të tilla si API-të e platformës web ose ndryshimet në sjelljen e shfletuesit.

Kujdes: Këto opsione janë eksperimentale. Ndryshimi i tyre në shfletuesin tuaj të përditshëm nuk rekomandohet ; bëjeni këtë në kanalet e zhvillimit (Beta, Dev ose Canary) dhe vetëm kur këshilloheni nga një udhëzues i besueshëm.

about://, chrome:// dhe edge://: truku për çdo Chromium

Të gjithë shfletuesit Chromium zgjidhin skema të brendshme. Nëse shkruani chrome://flags në Edge, do të mbivendoset në edge://flags . Për dokumentacion gjithëpërfshirës, ​​përdorni about://flags: çdo shfletues e mbivendos atë në skemën e tij të saktë.

Flamuj të dobishëm dhe shembuj praktikë në Edge

Disa flamuj specifikë për Edge janë shumë të dobishëm. Më poshtë janë shembuj që mund t'i aktivizoni nga edge://flags , të cilët ilustrojnë se si të punoni me këtë seksion.

Përmirëso kontrastin e tekstit

En Dritaret, aktive edge://flags/#edge-enhance-text-contrast para Përdorni kontrastin dhe gama e sistemit kur renderoni fontet, duke arritur një lexim më homogjen.

Blloko luajtjen automatike të multimedias

me edge://flags/#edge-autoplay-user-setting-block-option Ju aktivizoni opsionin për të bllokuar luajtjen automatikePastaj, shkoni te Cilësimet > Lejet e kukive dhe faqes > Luajtje automatike ose shkoni te edge://settings/content/mediaAutoplay.

Navigoni prapa me tastin Backspace

Flamuri edge://flags/#edge-backspace-key-navigate-page-back Kjo i lejon Kthehu prapa me Backspace dhe kthehu përpara me Shift+BackspaceËshtë shumë e dobishme nëse shfletoni kryesisht me tastierë.

Tabela me qoshe të rrumbullakosura

Nëse preferoni një pamje më të butë, edge://flags/#edge-visual-rejuv-rounded-tabs rreth katër cepave të qerpikëve dhe i ndan vizualisht ato nga omnibox-i.

Lëvizje e lehtë e PDF-ve

Aktivizo edge://flags/#edge-smooth-scrolling-enabled-pdf para lëvizje më e butë gjatë shikimit të dokumenteve PDF të integruar në shfletues.

Dërgo përmbajtje te Chromecast

Nëse opsioni Broadcast nuk funksionon, aktivizoni këto tre flamuj: #load-media-router-component-extension, #global-media-controls-for-cast y #mirroring-servicePas një rinisjeje, duhet të jeni në gjendje të dërgoni skeda, desktop ose skedarë.

Tableta gjumi për të kursyer burime

Në kanalet e zhvilluesve të Edge, mund të aktivizoni Sleeping Tabs për të vënë skedat joaktive në gjendje letargji dhe për të zvogëluar përdorimin e RAM-it . Kërkoni opsionin me emër, aktivizojeni atë dhe rregulloni kohën e skadimit te Cilësimet > Sistemi > Ruaj burimet. Gjithashtu mund të mbani një listë të bardhë të faqeve që nuk duhet të vendosen në gjendje gjumi.

Praktikat e mira gjatë eksperimentimit

Para se të prekësh ndonjë gjë, përgatit mjedisin tënd. Përdor Edge Canary ose Dev për testim, mbaj versionin stabil për punën e përditshme dhe dokumento çfarë ke aktivizuar dhe pse. Nëse diçka shkon keq, do të dish se çfarë të kthesh në gjendjen e mëparshme.

Kur përdorni testimin e burimit, zbatoni zbulimin e veçorive dhe shtigje alternative . API-të mund të ndryshojnë, të skadojnë ose të ndërpriten; produkti juaj nuk duhet të prishet nëse ato zhduken.

Mos u kërkoni përdoruesve tuaj të ndryshojnë flamujt e shfletuesit. Flamujt janë të destinuar për zhvillim, jo ​​për mjedise prodhimi . Nëse keni nevojë për testim nga përdoruesi, përdorni tokenët e testimit burimor dhe segmentoni vendosjen.

Së fundmi, mos harroni se veçoritë eksperimentale mund të jenë të paqëndrueshme ose të pasigurta . Nëse performanca përkeqësohet, çaktivizoni veçoritë jo-thelbësore dhe rivendosni vlerat fillestare në DevTools kur është e nevojshme.

Eksplorimi i aftësive eksperimentale të Edge ju lejon të validoni API-të e reja, të përmirësoni rrjedhën e punës së debugging-ut dhe të përgatiteni për publikime më të fuqishme. Midis DevTools Experiments, flamujve në edge://flags dhe testimit të burimit, ju keni një gamë të plotë mjetesh për çdo fazë të zhvillimit: nga kërkimi lokal deri te testimi i kontrolluar me përdorues të vërtetë, gjithmonë me paralajmërime të qarta, metoda rikthimi dhe udhëzime për të ofruar reagime të vlefshme për ekipin e Microsoft dhe komunitetin e Chromium.