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.

Beste iPhone 7 & iPhone 7 Plus-hoes tot nu toe

Nu het officieel is - de iPhone 7 en 7 Plus hebben dezelfde afmetingen als de iPhone 6S en 6S Plus - als u overweegt over te schakelen, vraagt ​​u zich misschien af ​​of u nog steeds uw huidige gevallen kunt blijven gebruiken, vooral als ze zijn aangepast op een of andere manier.Helaas, nee, je zult je nieuwe iPhone 7 en 7 Plus-hoesjes opnieuw moeten personaliseren, omdat de oude hoesjes niet op de nieuwe dubbele camera en stereoluidsprekers aan de achterkant van de telefoon passen .Trouwen

(Technische en ontwerptips)

Hoe databases te synchroniseren over meerdere WordPress-installaties

Eerder bekeken we hoe we de staging-omgeving voor WordPress-ontwikkeling kunnen instellen. Als u het hebt doorgevoerd, is het mogelijk dat het proces soms gepaard gaat met het migreren van de SQL-database om de verschillen tussen de fasen te synchroniseren . Dit specifieke proces van het migreren van een database kan vervelend zijn

(Technische en ontwerptips)