"Milloin voin käyttää" -sivusto vie arvaukset pois selaimen yhteensopivuudesta

Vaikka se ei ehkä ole kaikkein visuaalisesti houkuttelevin verkkosivusto, kun voin käyttää ... (WCIU), tyylin puutteesta korvataan yksityiskohtaiset tilastotiedot ja vaihtoehdot selaimen yhteensopivuudesta nykyisten tyylien ja sisustuselementtien kanssa. Yhteensopivuustaulukot ja tyhjentävä hakemisto osoittavat, mitkä työpöytä- ja mobiiliselaimet tukevat HTML5-elementtejä, CSS3-tyylejä, SVG-vektorigrafiikkaa, JS API JavaScriptiä, Application Programming Interface -objekteja ja muita elementtejä. Tämän kirjoittamisen jälkeen WCIU: lle viimeisimmät tiedot olivat ajankohtaisia ​​1. lokakuuta 2012.

Kuvio A

CSS

Sinun on löydettävä viimeisin yhteensopivuus @ font-face Web-fontteille? Ei hätää, napsauta vain CSS-osion yläosassa olevaa "@ font-face Web fonts" -linkkiä. Siirry tukitaulukkoon menetelmälle, jolla näytetään verkkosivustoilta ladatut fontit. Jokaisessa taulukossa on alkuperäinen lyhennetty luettelo selaimista, joka sisältää yleensä seuraavat: IE, Firefox, Chrome, Safari, Opera, iOS Safari, Opera Mini, Android-selain ja Blackberry-selain. Napsauta Näytä kaikki versiot -linkkiä, ja tässä esimerkissä se näyttää 19 versiota takaisin, kuten kuvassa B näytetään , näytetään Chromen versiossa 23.0.1271.64 m:

Kuvio B

Huomaa väriavain tukitasolle kuvan B yläosassa. Tällä hetkellä @ font-face Web Fonts -tuki on kokonaistuki 77, 91%, osittainen tuki 15, 15% ja kokonaistuki 93, 08%. Jos sinulla on tietty selain, jota käyttäjät käyttävät yritys- tai organisaatiostandardien takia, voit napsauttaa Näytä asetukset -välilehteä ja suodattaa haun muuttamalla luokkaa, tilaa, selainta, mobiiliselainta, version selaimen käyttöprosenttirajaa ja vaihtoehtoja, kuten samoin kuin selain hyväksyy monitäytteet ja mitkä ovat saatavilla olevat värit. Voit myös muuttaa lajittelua. Kaikki vaihtoehdot näkyvät kuvassa C :

Mikä hämmästyttää minua selatessani erilaisia ​​CSS-tyylejä, on kokonaisvaltaisen maailmanlaajuisen tuen taso, jonka monet heistä ovat tällä hetkellä saavuttaneet kaikissa selaimissa. CSS3: n reunasäteen 80, 88%: n tukiprosentteilla, CSS3 Box Shadow -arvon ollessa 80, 69%, CSS3: n opasiteetin 95, 62%: ssa, CSS3: n tekstivarjostimen 67, 16%: ssa ja reunakuvien 64, 84%: ssa, monet CSS3: n ominaisuudet tekevät hyviä tunteita täydestä selaimen tuesta ja yhteensopivuus. CSS-luokassa on yli neljäkymmentäkahdeksan tyyliominaisuutta, jotka on lueteltu sarakkeen (oikealla alla) mukaisesti.

HTML5

Voinko käyttää ... -yhteensopivuustaulukoita lajetaan kaikki HTML5-ominaisuudet, mukaan lukien:

  • Audioelementti, joka on menetelmä äänen toistamiseen verkkosivuilla (ilman lisäosaa), tällä hetkellä 80, 12%: n tukitasolla
  • Canvas (Basic Support), menetelmä nopean, dynaamisen grafiikan tuottamiseksi JavaScriptin avulla, on tällä hetkellä 83, 12%
  • Vedä ja pudota -menetelmä elementtien helposti vetämiseen ja pudottamiseen sivulle, joka vaatii minimaalista JavaScriptiä, on tällä hetkellä 83, 57%
  • Laitteiden kautta kiihdytetty WebGL 3D Graphics Canvas, joka on menetelmä dynaamisen 3D-grafiikan tuottamiseksi JavaScriptin avulla, on tällä hetkellä 53, 54%.
  • Video, videoiden toistotapa verkkosivuilla (ilman lisäosaa), on tällä hetkellä 80, 67%.

Tämä lyhyt luettelo korostaa vain joitain suosituimpia ominaisuuksia, kun taas HTML5-luokan täydellinen luettelo sisältää yli kaksikymmentäneljä HTML5-elementtiä, kuten alla on esitetty.

Kuvio E

JS API

JavaScriptiin ja sovellusliittymään sisältyy JSON-jäsentäminen on menetelmä muuntaa esineitä JSON-merkkijonoiksi ja JSON takaisin objekteiksi käyttämällä JSON.stringify () - ja JSON.parse () -sovelluksia, joita tukee tällä hetkellä 94, 05% kaikista selaimista maailmanlaajuisesti.

Verkkotallennus - nimien ja arvojen parit on menetelmä tietojen tallentamiseksi paikallisesti, kuten evästeet, mutta suuremmille tietomäärille (sessionStorage ja localStorage, jotka kuuluivat HTML5: n alaan), ja sillä on tällä hetkellä globaali tuki 92, 04%.

getComputedStyle on sovellusliittymä, jonka avulla nykyiset lasketut CSS-tyylit saadaan elementtiin. Tämä voi olla animaation käyttämä nykyinen arvo tai tyylitaulukon asettama arvo. Tällä hetkellä sen yhteensopivuusaste on 83, 08%. Nämä ovat vain kolme JS- ja API-ominaisuusluokan yli kaksikymmentäkuudesta luettelosta, kuten alla on esitetty.

Kuvio F

SVG

Skaalautuva vektorigrafiikka (SVG) on XML-pohjaisen tiedostomuodon eritelmäryhmä kaksiulotteista vektorigrafiikkaa varten, sekä staattista että dynaamista (ts. Interaktiivista tai animoitua). Yhteensopivuustaulukoissa on lueteltu yhteensä yhdeksän eritelmää, mukaan lukien SVG (perustuki), jonka kokonaismäärä on 80, 54%. SVG Fonts on alhaisin SVG-luokasta, saaden 42, 89%: n globaalin tuen.

muut

Sekalaisia ​​"Muut" -kategoriaan kuuluu yli kaksikymmentäneljä ominaisuutta. PNG-alfa-läpinäkyvyys on menetelmä puoliläpinäkyvyysalueiden näyttämiseksi PNG-tiedostoissa, ja sen tuki on 95, 17%. Data-URL-osoitteet ovat menetelmä upottaa kuvia ja muita tiedostoja verkkosivuille tekstimerkkinä, ja sen tuki on 94, 31%.

Jos haluat lisätä HTML5-ominaisuuksia, CSS3-elementtejä tai SVG: tä verkkosivustoosi, mutta olet ujo tai kyllästynyt vaihtamaan tukiasioista johtuen, tarkista ensin yhteensopivuustaulukot, joita tarjoaa When Can I Use ..., sinä saattaa vain olla yllättynyt siitä, kuinka paljon tukea monet uudet ominaisuudet ja elementit todella keräävät. Erityisen rohkaisevaa on, jos tiedät, että kohdekäyttäjiäsi on käytettävä yhtä nykyisistä selainversioista, jotka yleensä tukevat eniten HTM5: ää ja CSS3: ta.

© Copyright 2021 | mobilegn.com