Sådan Kontrolleres Et Websted I Forskellige Browsere

Indholdsfortegnelse:

Sådan Kontrolleres Et Websted I Forskellige Browsere
Sådan Kontrolleres Et Websted I Forskellige Browsere

Video: Sådan Kontrolleres Et Websted I Forskellige Browsere

Video: Sådan Kontrolleres Et Websted I Forskellige Browsere
Video: How To Test Your Website In Different Browsers and Mobile Devices - Google Chrome & Firefox DevTools 2024, Kan
Anonim

En HTML-koder bør vide: et tegn på professionalisme er den samme visning og funktion af en websideside i enhver browser, i det mindste i de "store tre", som inkluderer browsere Internet Explorer, Opera, Mozilla Firefox. Processen med at kontrollere rigtigheden af webstedsvisning består af tre hovedfaser.

kontrol af websider i forskellige browsere
kontrol af websider i forskellige browsere

Er det nødvendigt

  • • Flere browsere installeret på computeren.
  • • Opmærksomhed.

Instruktioner

Trin 1

Trin et, forberedende

Forberedelsesprocessen består i at downloade browserdistributionssættet og installere det på computeren. Enhver installationsproces slutter med spørgsmålet: "Gør denne browser inkluderet som standard?". Så den vigtigste, eller inkluderet som standard, skal du lave den, der indtager en mellemposition med hensyn til størrelsen af mulige "jambs". Ifølge erfaringerne fra mange generationer af layoutdesignere er dette Opera-browseren.

Når du har installeret flere browsere på din computer, skal du fortsætte direkte til sammenligningsprocessen. For at gøre dette skal du holde markøren over filen med.html-udvidelsen, som vil være grundlaget for websidesiden eller hele skabelonen, og klikke på den med højre museknap. På fanen, der åbnes, skal du vælge "åbn med" og derefter vælge den type browser, du vil have. Filen kan åbnes i flere browsere på én gang, så de minimeres på proceslinjen på skrivebordet og åbnes efter behov.

Trin 2

Trin to - visuel sammenligning

Visuelt kan siderne på webstedet i browseren variere i tre hovedparametre:

1. Efter mængden af indrykninger og margener mellem sideelementerne. IE er særligt sofistikeret til beregning af de sande værdier af polstring og margenegenskaber.

2. Forskellige browsere viser skrifttyper forskelligt, selv standardskrifttyper som Arial og Times New Roman. Dette er det hårdeste hit for menupunktlinjer, som kan vises i to linjer eller helt vikles til anden række.

3. Korrektheden ved visning af billeder. I de enkleste tilfælde læser nogle browsere, såsom Opera, ikke de vspace- og hspase-egenskaber, der er angivet i tagattributterne.

… Nogle gange er billeder ikke centreret i tabelceller, hvis attributterne

denne tilstand er ikke stavet. Men det største problem for layoutdesigneren er at forberede.png-billedformatet. Den gennemsigtige kanal i koden til denne fil læses af alle browsere på sin egen måde, især IE lykkes med dette. Derfor observeres ofte grimme grå pletter i stedet for smukke gennemskinnelige billeder.

Trin tre - funktionel kontrol

På dette tidspunkt skal du kontrollere menupunkterne "drop-down". I deres arbejde skal der ikke være ryk, afmatninger og vigtigst af alt et spring i det generelle indhold på siden, når man åbner individuelle menupunkter. Det samme gælder tekstelementerne på siden, som udvides fuldt ud, når du klikker på knappen eller indskriften "flere detaljer".

Afslutningsvis vil jeg gerne sige, at kampen for "kompatibilitet på tværs af browsere" - dette er navnet på ejendommen til en side, der skal vises overalt på samme måde, processen er kompleks og spændende og kræver en masse praktisk erfaring.

Trin 3

Trin tre - funktionel kontrol

På dette tidspunkt skal du kontrollere menupunkterne "drop-down". I deres arbejde skal der ikke være ryk, afmatninger og vigtigst af alt et spring i det generelle indhold på siden, når man åbner individuelle menupunkter. Det samme gælder tekstelementerne på siden, som udvides fuldt ud, når du klikker på knappen eller indskriften "flere detaljer".

Som konklusion vil jeg gerne sige, at kampen for "kompatibilitet på tværs af browsere" - dette er navnet på ejendommen til en side, der skal vises overalt på samme måde, processen er kompleks og spændende og kræver en masse praktisk erfaring.

Anbefalede: