Google-lettertypen werken niet in China - hoe dit te verhelpen

De reden dat we de Google API gebruiken voor bibliotheken zoals jQuery en weblettertypen, is dat deze snel worden bediend via de betrouwbare infrastructuren van Google. Het wordt bijna overal gebruikt en zelfs zoveel dat sommige gebruikers de cache al in hun browser hebben opgeslagen, waardoor de bibliotheken nog sneller laden.

Helaas is dat niet het geval in China. De Chinese overheid heeft in 2014 de toegang tot veel van de services van Google gesloten, waaronder Google API. De kans is groot dat uw website gedeeltelijk in China lijkt te zijn gebroken omdat de jQuery en weblettertypen gehost in Google niet toegankelijk zijn.

In deze post gaan we kijken hoe we de "digitale" Chinese Muur kunnen omzeilen, zodat onze website kan lopen zoals het buiten China wordt bekeken. We zullen een alternatieve lettertypebibliotheek gebruiken die Google Fonts en bibliotheken weerspiegelt, maar eerst moeten we enkele maatregelen nemen om gebruikers te identificeren die afkomstig zijn uit China.

Identificatie van gebruikerslocatie

Om te beginnen moeten we vinden waar onze bezoeker vandaan komt en om dit te doen, we zullen deze WIPMania API gebruiken die het ophalen van de geolocatie van een bezoeker mogelijk maakt, inclusief de naam van hun land:

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', functie (gegevens) {swal ('U bent van', data.address.country);}); 

We gebruiken jQuery $.getJSON om de API aan te roepen. Vervolgens geven we data.address.country wat ons moet vertellen waar de bezoeker vandaan komt. Hier is een demo.

Verschaffen van alternatieve bron voor weblettertypen

Dus nu we onze bezoekerslocatie kunnen ophalen, gaan we Google Fonts vervangen door Useso-bibliotheken, een CDN-service die lettertypen en bibliotheken van Google API weerspiegelt om bezoekers uit China te bedienen.

In dit stadium hebben onze lettertypestijlen nog steeds betrekking op de Google API:

We zullen de href binnen het link element vervangen door een JavaScript-functie.

 function replaceGoogleCDN () {$ ('link'). each (function () {var $ intial = $ (this) .attr ('href'), $ replace = $ intial.replace ('// fonts.googleapis.com / ', ' //fonts.useso.com/ '); $ (this) .attr (' href ', $ replace);}); } 

Met deze functie wordt elke koppeling vervangen door verwijzing naar //fonts.useso.com/ in plaats van te wijzen naar het Google API-adres, //fonts.googleapis.com/ .

De functie wordt alleen uitgevoerd als de bezoeker afkomstig is van CN, de internationale landcode van China.

 $ .getJSON ('http://api.wipmania.com/jsonp?callback=?', functie (gegevens) {if (data.address.country_code == 'CN') {replaceGoogleCDN ();}}); 

We zijn er allemaal klaar voor. Nu krijgen bezoekers uit China fonts aangeboden via //fonts.useso.com/ die niet wordt geblokkeerd door de Chinese overheid.

Anticiperend ontwerp: wanneer keuze wordt verwijderd uit besluitvorming

Heeft u er ooit over nagedacht hoe het web eruit zou zien als we konden anticiperen op de behoeften van gebruikers ? Het idee om gebruikerservaring te personaliseren en verschillende inhoud aan verschillende mensen te laten zien op basis van hun interesses, is de laatste tijd verschenen in de discussies over webdesign

(Technische en ontwerptips)

7 Algemene PayPal-zwendel en hoe ze te spotten

Of u nu een online bedrijf wilt starten of veilig online wilt winkelen, PayPal is de veiligste en handigste oplossing . Hoewel PayPal beveiligingsrichtlijnen opsomt voor zowel de verkopers als de kopers, maar de meeste gebruikers geven er niet om ze te lezen. Bovendien zijn oplichters slim genoeg om deze effecten te omzeilen met goedkope tricks

(Technische en ontwerptips)