Avatar billede nph12 Nybegynder
29. september 2006 - 10:23 Der er 11 kommentarer og
1 løsning

Browser understøttelse

Hej
Hvordan laver man en hjemmeside som tager høje for forskellige browsere?

Jeg har ikke den store erfaring med at lave hjemmeside endnu, men synes hele tiden, at man skal højde for det ene og det anden, når man enten læse toturials på nettet eller div. bøger om, hvordan man laver hjemmesider.

Hvad med div. plug-ins som flash og brugen af javascript, hvordan sikre man sig, at brugeren understøtter disse ting?
Avatar billede karmicmind Nybegynder
29. september 2006 - 10:49 #1
Efter min mening er det en god idé at bruge Progressive enhancement.. Altså start med at lave siden i ren HTML(uden styles) så den fungerer, og tilføj så CSS og eventuel JavaScript på en måde så siden stadig fungerer hvis ikke JavaScript er tilgængeligt..

En god guide til at lave cross-browser-kompatibelt CSS:
http://friendlybit.com/css/cross-browser-strategies-for-css/
Avatar billede nph12 Nybegynder
29. september 2006 - 11:30 #2
Kigger lige på guiden...

Hvis man skal programmere en hjemmeside som understøttes af flest browsere, hvis teknologier skal man benytte?

Hvilke browsere skal man som minimum understøtte? Man kan jo lave et javascript som registrere hvilken browser brugeren benytter og derved enten gøre brugeren opmærksom på, at vedkommende browser skal opgraderes for at kunne vise hjemmesiden eller viderestille brugeren til sider som passer til hans browser på hjemmesiden.

Hvad gør man hvis hans browser ikke understøtter javascript, så kan man jo af gode grunde ikke viderestille brugeren, hvad gør man så? Skriver man så bare systemkrav på ens hjemmeside?
Avatar billede karmicmind Nybegynder
29. september 2006 - 11:54 #3
Man kan sagtens redirect'e uden javascript..
<noscript><meta http-equiv="Refresh" content="1; url=http://dr.dk"/></noscript>

Men hvis man koder fornuftigt, så laver man ikke dobbelt arbejde.. Man laver en HTML-version og derefter tilføjer et JavaScript lag, der kan undværes hvis det ikke understøttes..
Avatar billede nph12 Nybegynder
29. september 2006 - 16:30 #4
OK. Hvis man på sin hjemmeside laver en side som hedder "opret bruger", så starter man med at lave en ren html version med alle indtastningsfelterne. Derefter tilføjer man JavaScript laget, hvor man kan tjekke om brugeren har indtastede oplysningerne korrekt.

Hvis brugeren kører uden JavaScript, hvordan tjekker man så om oplysningerne er korrekte?
Avatar billede karmicmind Nybegynder
29. september 2006 - 16:48 #5
Du bør under alle omstændigheder validere input på serveren også.. Enhver ka jo slå JavaScript fra.. Hvis ikke inputet validerer efter dine forskrifter, så sender du bare formularen igen med en fejlmeddelelse.. Sikkerheden skal ligge på serveren.. Du kan/bør ikke stole på klienten..
Avatar billede nph12 Nybegynder
29. september 2006 - 18:05 #6
OK. Selvfølgelig skal sikkerheden være i top, så alt vil blive valideret på serveren (når jeg er kommet så langt).

Jeg er stadigvæk lidt forvirret over, hvordan man lave en hjemmeside som kan køres af forskellige browsere. Både html, css og JavaScript kode bliver læst forskelligt af div. browsere, hvordan ved man hvilke tags/kode man skal benytte?
Avatar billede karmicmind Nybegynder
29. september 2006 - 18:12 #7
læs dokumentationerne på nettet og prøv dig frem..
Avatar billede nph12 Nybegynder
29. september 2006 - 18:34 #8
Der er ikke en gylden regel?

Hvis man validere sin kode, så kan ens hjemmeside vel køre under de fleste browsere? Jeg synes, at der bliver skrevet om den ene standard efter den anden, men hvis man følger den pågældende standarden er der rigtig mange undtagelser (sådan er det måske bare?).
Avatar billede karmicmind Nybegynder
29. september 2006 - 19:28 #9
Det er altid en god idé at validere sin html-kode.. Det står også i guiden jeg linkede til.. Jeg kender dog ikke nogen javascript-validator..
Avatar billede nph12 Nybegynder
29. september 2006 - 20:58 #10
OK. Mange tak for hjælpen:-)
Avatar billede olebole Juniormester
02. oktober 2006 - 14:55 #11
<ole>

karmicmind >> Dit eksempel (29/09-2006 11:54:21) er invalid kode  ;o)

noscript-elementet er beregnet til kode, der skal _renderes_, dersom klienten ikke håndterer JavaScript. Renderbare elementer kan ikke eksistere i et head-element - og et meta-element er iøvrigt ikke renderbart ... og _skal_ ligge i et head-element  =)

/mvh
</bole>
Avatar billede olebole Juniormester
02. oktober 2006 - 14:56 #12
- men som du helt korrekt selv skriver:
    "Det er altid en god idé at validere sin html-kode.."  ;o)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB