Használható minden böngészőben

A Google Webmaster Central Blogján a Google Chrome kiadásának apropóján megjelent egy bejegyzés amiről úgy gondoltam, hogy megér egy fordítást.

Eredeti cikk: http://googlewebmastercentral.blogspot.com/2008/09/workin-it-on-all-browsers.html

Használható minden böngészőben

A weben szörfözgetők számára a Google Chrome egy gyors, izgalmas új böngésző. Mint webmester ez egy jó emlékeztető arra, hogy függetlenül a böngészőtől amit a látogató használ, legyen az Firefox, Internet Explorer, Google Chrome, Safari, vagy más, a böngésző kompatibilitás egy fontos téma. Ha az oldalad rosszul jelenik meg, vagy nehéz használni több böngészőben, akkor azt kockáztatod, hoyg elveszíted a látogatók érdeklődését, és ha üzleti weblapod van, akkor a pénzüket is. Itt egy rövid lista ami az alapokról szól:

Első lépés: Biztosítsd a böngésző függetlenséget főleg az elérhetőség terén

Ugyanaz a technika ami biztosítja, hogy az oldalad elérhető legyen a keresők részére mint a statikus HTML a csiribiri AJAX lehetőségek helyett, általában segíti, hoyg az oldalad kompatibilis legyen a különböző böngészőkkel és azok verzióival. Az egyszerűbb HTML gyakran könyebben kereszt-kompatibilássá tehető mint a legújabb technológiák.

Második lépés: Validáld a kódodat

Ha a kódod átmegy a validálási ellenőrzésen akkor már túl is vagy azon, hogy a lehetséges inkompatibilitások egyikét elkerüld. Ellenőrzött kóddal nem kell a böngészők különböző hibakezelésén függnöd. Így jobb esélyed van arra, hogy a kódod megfelelően fog működni a különböző böngészőkben, és könnyebb lesz megtalálnod a felmerülő hibákat.

Harmadik lépés: Ellenőrizd, hogy használható és nem csak megjeleníthető

Fontos, hogy az oldalad jól jelenjen meg, de ugyanilyen fontos az is, hogy megbizonyosdj arról, hogy a user tudja használni a lapod szolgáltatásait a böngészőjével. Ahelyett, hogy csak ránézel az oldaladra próbálj végigmenni az oldalon többféle böngészővel, adj hozzá árukat a bevásárló kocsihoz, stb. Lehet, hogy egy belinkelt kép vagy gom kattintható felülete eltér a különböző böngészőkben. Emelett ha használsz JavaScriptet bizonyos dolgokhoz, mint például a bevásárló kosár, lehet, hogy egyik böngészőben működni fog, amásikban meg nem.

Negyedik lépés: Bogozd ki a csomót

Ehhez a lépéshez szükségeltetik egy kis próba – hiba játék, de van jónéhány hely ami segíthet a próbálkozások számának csökkentésében amikor próbálod a lapodat böngészőfüggetlenné tenni. A Doctype egy nyílt forrású gyűjtemény mintapéldákkal a böngészőfüggetlenséghez és CSS tippekhez.

Mondjuk szeretnéd megtudni, hogy hogyan tudod egy elem kiterjedését megtudni a lapon. Azt tudod, hogy a kódod működik Internet Explorerben, de nem működik sem Firefoxban sem Safariban. Könnyen kiderül, hogy bizonyos böngészők néha hisztisek a kiterjedések számítása közben, de hála a Doctype szerkesztőinek megtalálhatod ott a kódot ami megoldja ezt a problémát.

Ötödik lépés: Osztd meg a böngésző függetlenségi tippjeidet és tudásodat

Örülünk annak ha elmondod, hogy miket tettél annak érdekében, hogy a lapod működjön a legtöbb felhasználó számára. Korábban már írtunk egy részletes cikket olyan témákról mint a karakterkódolások. Ha vannak még más cikk ötleteid, kérlek oszd meg velünk. Ha pedig kérdésed van a böngésző kompatibilitással kapcsolatban és nem találsz rá választ akkor kérdezz bátran.

Vélemény, hozzászólás?

Az email címet nem tesszük közzé. A kötelező mezőket * karakterrel jelöljük.