Gineadóir Meiteachlib & Open Graph saor in aisce

Conas a Oibríonn sé

Tarlaíonn cóimeáil cliba agus parsáil ceann go léir go díreach i do bhrabhsálaí — gan aon fhreastalaí i gceist. Úsáideann an t-uirlis useMemo React chun teaghráin HTML a thógáil go freagrach agus API DOMParser dúchasach an bhrabhsálaí chun marcáil leathanaigh atá ann cheana a léamh don ghné iompórtála/iniúchta.

1. 1
   Tiomáineann ionchur foirme cóimeáil bheo

   Agus tú ag clóscríobh, atógann crúca useMemo an bloc cliba iomlán láithreach — teideal, meta description, airíonna Open Graph, agus airíonna Twitter Card — ag éalú carachtar speisialta (&, <, >, ") ionas go bhfuil an t-aschur sábháilte le greamú go díreach isteach i HTML.
2. 2
   Bailíochtú URL trí thógálaí URL an bhrabhsálaí

   Bailíochtaítear gach réimse URL (URL leathanaigh, íomhá shóisialta) ag baint úsáide as tógálaí URL ionsuite an bhrabhsálaí. Ní théann tríd ach seoltaí http:// nó https:// dea-fhoirmithe le hóstainmneacha poncáilte; bacann luachanna neamhbhailí an cnaipe cóipeála agus taispeánann siad earráid inlíne.
3. 3
   Iompórtáil: léann DOMParser marcáil cinn atá ann cheana

   Má ghreamaíonn tú HTML <head> atá ann cheana chun é a iniúchadh, ritheann an t-uirlis trí DOMParser i mód neamhghníomhach é — ní ritheann aon scripteanna agus ní dhéantar aon iarratais líonra. Ceistíonn sé ansin an doiciméad parsáilte le haghaidh roghnóirí meta aitheanta (og:title, twitter:description, nasc canónach, etc.) agus réamhlíonann sé réimsí na foirme le cibé rud a aimsíonn sé.
4. 4
   Réamhamhairc bheo Google agus cártaí sóisialta

   Rindreálann an t-uirlis toradh cuardaigh Google stílithe agus réamhamharc cárta Open Graph i bhfíor-am ag baint úsáide as an staid foirme chéanna, ionas gur féidir leat a fheiceáil go beacht conas a bhrostófar an teideal agus an cur síos sula gcóipeálann tú an t-aschur.

Uirlisí Gaolmhara