Kyauta Mai rikodin URL & Mai rikodin

Yadda Yake Aiki

Ɓoyewa da fassarar URL a nan tana gudana gaba ɗaya a burauzarka ta amfani da globals na JavaScript da aka gina — encodeURIComponent, encodeURI, da decodeURIComponent — babu ɗakin karatu na bangare na uku kuma babu bukatar sadarwa. Kayan aikin yana kuma bayyana URL API na asali na burauza don nazari da nuna sigogin query string a matsayin tebur na maɓalli-ƙima.

1. 1
   Zaɓi yanayin ɓoyewa

   Yanayoyi uku suna mayar da yanayoyin amfani na gaskiya: "Component" yana kiran encodeURIComponent kuma yana escape komai sai haruffan marasa-buƙatar-ajiyewa — zaɓi daidai don ƙimomin query na musamman. "Full URL" yana kiran encodeURI kuma yana barin scheme, slashes, da domain cikakke. "Form" yana amfani da encodeURIComponent sannan yana canja %20 zuwa + don dacewa da tsarin application/x-www-form-urlencoded da HTML forms suke aikawa.
2. 2
   Ɓoye ko fassara da dannawa guda

   Ɓoyewa yana wucewa rubutunka ta zaɓaɓɓen aikin kuma yana nuna sakamakon da aka ɓoye ta kaso. Fassarawa yana kiran decodeURIComponent (tare da + an canja zuwa sarari a yanayin Form). Ana kama jerin percent marasa-tsari — kamar wani %E0 tsallakakke babu byte na ci gaba — kuma an ba da rahoto a matsayin kuskure na cikin-layi maimakon rushewa.
3. 3
   Nazari sigogin query da URL API

   Aikin "Nazarci sigogi" yana lulluɓe shigarwarka a mai gina URL na asali na burauza kuma yana maimaitawa url.searchParams don cire kowace biyun maɓalli-ƙima. Idan mai gina URL ya ƙi shigarwar, wani madadin da aka rubuta da hannu yana rabawa a & da = kuma yana gudanar da kowace alama ta safeDecode, don haka wani query string na tsaka-tsaki ko danye har yanzu yana samar da tebur mai karantawa.
4. 4
   Kwafi sakamakon

   Rubutun da aka ɓoye ko fassara yana bayyana a wani block na fitarwa na monospace. Wani maɓallin kwafi yana rubuta shi zuwa clipboard ta Clipboard API. Babu wani da yake barin na'urarka a kowane lokaci.

Kayan Aiki Masu Alaƙa