Hogyan Ellenőrizhetünk Egy Webhelyet Különböző Böngészőkben

Tartalomjegyzék:

Hogyan Ellenőrizhetünk Egy Webhelyet Különböző Böngészőkben
Hogyan Ellenőrizhetünk Egy Webhelyet Különböző Böngészőkben

Videó: Hogyan Ellenőrizhetünk Egy Webhelyet Különböző Böngészőkben

Videó: Hogyan Ellenőrizhetünk Egy Webhelyet Különböző Böngészőkben
Videó: How To Test Your Website In Different Browsers and Mobile Devices - Google Chrome & Firefox DevTools 2024, Lehet
Anonim

A HTML-kódolónak tudnia kell: a professzionalizmus jele a webhelyoldal azonos megjelenítése és működése bármely böngészőben, legalábbis a „nagy háromban”, amelyek magukban foglalják az Internet Explorer, az Opera, a Mozilla Firefox böngészőket. A helymegjelenítés helyességének ellenőrzése három fő szakaszból áll.

weboldalak ellenőrzése különböző böngészőkben
weboldalak ellenőrzése különböző böngészőkben

Szükséges

  • • Számos böngésző telepítve a számítógépre.
  • • Figyelem.

Utasítás

1. lépés

Első szakasz, előkészítő

Az előkészítés a böngésző terjesztési készlet letöltéséből és a számítógépre történő telepítéséből áll. Bármely telepítési folyamat a következő kérdéssel fejeződik be: "alapértelmezés szerint bekapcsolja ezt a böngészőt?" Tehát, a fő, vagy alapértelmezés szerint benne van, meg kell tennie azt, amelyik köztes helyet foglal el a lehetséges "jambok" méretét tekintve. Az elrendezők sok generációjának tapasztalata szerint ez az Opera böngésző.

Miután több böngészőt telepített a számítógépére, folytassa közvetlenül az összehasonlítási folyamatot. Ehhez vigye az egérmutatót a.html kiterjesztésű fájl fölé, amely a weboldal vagy a teljes sablon alapja lesz, majd kattintson rá a jobb egérgombbal. A megnyíló lapon válassza a "Megnyitás ezzel" lehetőséget, majd válassza ki a kívánt böngésző típusát. A fájl egyszerre több böngészőben is megnyitható, így minimalizálva maradhat az asztal tálcáján, és szükség szerint megnyitható.

2. lépés

Második szakasz - vizuális összehasonlítás

Vizuálisan a böngészőben a webhely oldalai három fő paraméterben különbözhetnek:

1. Az oldalelemek közötti behúzások és margók összegével. Az IE különösen bonyolult a kitöltési és margó tulajdonságok valódi értékeinek kiszámításában.

2. A különböző böngészők különbözőképpen jelenítik meg a betűtípusokat, még a szokásos betűtípusok is, például az Arial és a Times New Roman. Ez érinti a legjobban a menüpont sorait, amelyek két sorban jeleníthetők meg, vagy teljesen átcsavarodhatnak a második sorba.

3. A képek megjelenítésének helyessége. A legegyszerűbb esetekben néhány böngésző, például az Opera, nem olvassa el a tag attribútumokban megadott vspace és hspase tulajdonságokat

… Néha a képek nem az asztal celláiban vannak, ha az attribútumok

ez az állapot nincs megfogalmazva. De az elrendező számára a fő probléma a.png

Harmadik szakasz - funkcionális ellenőrzés

Ebben a szakaszban ellenőriznie kell a "legördülő" menüpontokat. Munkájuk során nem szabad rángatózni, lassulni, és ami a legfontosabb: az oldal általános tartalmának ugrása az egyes menüpontok megnyitásakor. Ugyanez vonatkozik az oldal szöveges elemeire is, amelyek teljesen kibővülnek, ha a gombra vagy a "további részletek" feliratra kattintanak.

Összegzésképpen azt szeretném mondani, hogy a küzdelem a "böngészők közötti kompatibilitásért" - ez az oldal tulajdonsága, amelyet mindenhol ugyanúgy kell megjeleníteni, a folyamat összetett és izgalmas, sok gyakorlati megoldást igényel tapasztalat.

3. lépés

Harmadik szakasz - funkcionális ellenőrzés

Ebben a szakaszban ellenőriznie kell a "legördülő menü" elemeket. Munkájuk során nem szabad rángatózni, lassulni, és ami a legfontosabb: az oldal általános tartalmának ugrása az egyes menüpontok megnyitásakor. Ugyanez vonatkozik az oldal szöveges elemeire is, amelyek teljesen kibővülnek, amikor a gombra vagy a "további részletek" feliratra kattintanak.

Összegzésképpen azt szeretném mondani, hogy a küzdelem a "böngészők közötti kompatibilitásért" - ez az oldal tulajdonsága, amelyet mindenhol ugyanúgy kell megjeleníteni, a folyamat összetett és izgalmas, sok gyakorlati megoldást igényel tapasztalat.

Ajánlott: