Teknik Motor Samhälle Spel Popkultur Fritid Tjock Tester Dagens fråga Tipsa! Skaffa Feber+
Hetaste
Senaste
Testa webbsidan i Explorer från Macen Tips till webbutvecklare Testa webbsidan i Explorer från Macen Om du någonsin gjort egna webbsidor av någorlunda avancerad karaktär vet du säkert hur irriterande uruselt Internet Explorer är. Så fort mer avancerad CSS kommer in i bilden brakar IEs rendering samman något som gör att man måste spendera en massa tid med att skriva om sin CSS med hack och med diverse knep så att samtliga användare kan se webbsidan så normalt som möjligt.Nåväl, om man sitter på en Mac och vill testa sidor i Explorer kan det lätt bara emot att installera Parallels eller Fusion för en så enkel uppgift. Det är här NetRenderer kommer in.NetRenderer är en gratis webbtjänst som visar precis hur en valfri sida ser ut i Internet Explorer. Man kan testa i flera olika versioner och t.o.m. lägga de olika versionerna ovanpå varandra så att man snabbt kan se var det diffar. Ett helt obetalbart verktyg!
ipinfo.info Mac, Mac
37.0° 0 Mårten Björk Mårten Björk
mån. 8 okt 2007, 21:57
37 kommentarer till artikeln
J-Sir
Tråkigt att bredden är begränsad... Annars coolt!
av J-Sir, måndag 08 oktober 2007 kl 22:17
andreasw
Är inte detta inbyggt i nya Safari? (Debug, User Agent?)
av andreasw, måndag 08 oktober 2007 kl 22:36
callefjant
andreasw: Den funktionen har "alltid" funnits i Safari, om man slagit på den genom Terminalen (eller något extraprogram). Det styr bara vad programmet utger sig för att vara när det kontaktar servern – information som man kan plocka upp mha typ JavaScript och om man är dumsmart anpassa sidan därefter. Hur Explorer (eller ngn anna läsare) i själva verket ritar sidan är en annan sak.
av callefjant, måndag 08 oktober 2007 kl 22:41
Mårten Björk
Näh, debug-menyn ändrar väl bara vilken webbläsare Safari utger sig för att vara?
av Mårten Björk, måndag 08 oktober 2007 kl 22:41
Beakid
Kan även tipsa om www.browsercam.org
av Beakid, måndag 08 oktober 2007 kl 22:47
mptre
Fyfan vad bra!
av mptre, måndag 08 oktober 2007 kl 22:50
Alker
Beakid: www.browsercam.com till och med
av Alker, måndag 08 oktober 2007 kl 22:56
frebro
Här finns fler bra tips:
av frebro, måndag 08 oktober 2007 kl 22:57
Spicey
Är det NoSquint till Firefox i Safari Bookmarken på bilden? ;-)
av Spicey, måndag 08 oktober 2007 kl 23:07
Trance_Nation
Tips på sida som inte funkar i internet explorer?
av Trance_Nation, tisdag 09 oktober 2007 kl 02:43
Mårten Björk
Spicey: Yes sir it is!

Trance_Nation: Dom flesta försöker skriva fulkod så att IE ska klara sidorna med men jag har för mig att Michael Heilemann på BinaryBonsai.com tröttnade och gav fan i IE, men jag är inte säker...
av Mårten Björk, tisdag 09 oktober 2007 kl 06:35
LittleCapa
Lägg in en länk till Firefox istället. Det är verkligen på tiden att användarna tvingar bort Explorer. Programmet bygger på samma kärna nu 2007 som 1995!!!!!!!
Explorer borde verkligen ha stannat i förra 1000-talet.
av LittleCapa, tisdag 09 oktober 2007 kl 07:35
Mårten Björk
browsehappy.com har en bra approach till problemet!
av Mårten Björk, tisdag 09 oktober 2007 kl 07:41
thelonius
Funkade inte direkt hundra den där - klarar t ex inte av javascript så png-filter och sånt nödvändigt ser man inte om det fungerar.
av thelonius, tisdag 09 oktober 2007 kl 08:58
JohanJesus
Ni har inte att göra i branschen om ni inte vet hur man får sidor att se bra ut i IE, som är den mest använda webbläsaren. Man behöver inte en massa hack för att få det att funka. Gör om gör rätt. Bäst är att börja göra sidan i IE och sen ta det därifrån. Ibland blir man inte klok på hur FireFox renderar vissa saker. Ok IE6 har lite begränsningar, men inget som är omöjligt att lösa.

Sluta gnälla och installera IE7 istället.
av JohanJesus, tisdag 09 oktober 2007 kl 08:58
Martin L
Jag vill snarare påstå att det är bäst att göra css & javascript för Safari från början och sedan ett par finjusteringar för Firefox & IE6/7 Att börja med att ta fram sidorna för IE är i mina ögon direkt framtidsfientligt. Ärligt talat är det helt sjukt hur mycket skräp ie sväljer...
av Martin L, tisdag 09 oktober 2007 kl 09:14
Roger Åberg
JohanJesus: Du har inte sett ljuset :) IE6 är ett helvete, populärast eller inte. Bara en sån sak som att transparenta png-bilder inte fungerar utan hack är jävligt jobbigt.

Jag kodar precis som Martin så att det ser bra ut i Safari och då ser det automatiskt bra ut i Firefox och nästan alltid i IE7. När det är färdigt så gör jag en special-CSS för IE6.

Mitt tips till dig är att lära dig hur Firefox fungerar och jobba från det hållet. Det är, faktiskt, mycket lättare.
av Roger Åberg, tisdag 09 oktober 2007 kl 09:20
Maccer
JohanJesus: Det är inte jag som webbutvecklare som bestämmer vilken/vilka webbläsare som sidans användare kör. Eftersom en stor majoritet fortfarande använder IE6 så hjälper det inte om jag själv "installerar IE7 istället"...

Och jag håller inte heller med om att man ska börja koda sin sida för Explorer även om det kanske skulle kunna spara en del tid.
av Maccer, tisdag 09 oktober 2007 kl 09:21
Dennis Söderström
Ptja, att utgå från IE när man utvecklar är enligt mig som att be en hund smaka av soppan man tillagat. Den sväljer det mesta skiten utan minsta reaktion.
av Dennis Söderström, tisdag 09 oktober 2007 kl 10:52
Cure
Helt otroligt att folk gnäller på IE6. Den är ju över 6 år gammal (Augusti 2001).

Allra första betan av safari kom först 2 år senare. Skall vi jämföra kvalité och funktioner mellan dessa - trots två år i tidsskillnad?
av Cure, tisdag 09 oktober 2007 kl 10:53
JohanJesus
Roger Åberg: Jag vet hur FireFox fungerar och rådande "standarder". Men av erfarenhet så brukar det funka bäst att gå den vägen. Jag klagar t ex inte på IE6 vilket många som sitter på Mac/Safari oftas gör. Jag vet att jag inte gör några dumheter i koden/cssen så jag oroar mig inte att IE6 sväljer någon "skit".
Ärligt, hur ofta går det inte lösa saker och ting utan transparenta pngs? Transparens underlättar förmodligen på många ställen, men det fungerar ju även utan, eller så kör man med ett hack.

Om det nu är så mycket lättare att gå din väg, hur kommer det sig då att feber-sidorna ser skit ut i IE? Jag har tidigare varit på er om t ex använda labels till checkboxar osv, det är liksom en standard sen html 4 eller nåt. För min del går oftast funktion/usability före utseende. Utseendet är ju något man kopplar på i efterhand med hjälp av css.

En kjedja är ju inte starkare än dess svagaste länk, så varför inte börja i den sämsta webbläsaren och få allt att funka där? Det är mycket jobbigare med reverse engineering och plocka bort saker för att få det fungera i IE6 plus att det tar tid.

Maccer: Frågan är ju om dina kunder vill betala för den extra tiden det tar att gå din väg. Eller så får du ju bara sämre marginaler på din projekt. Om du själv installerar IE7 så är det ju en mindre som använder IE6, inte sant?

Så ser jag på det hela. Försvarar verkligen inte IE6. Tycker bara att man inte ska klaga så mycket.
av JohanJesus, tisdag 09 oktober 2007 kl 11:22
JohanJesus
Cure: Bättre är det när folk klagar på IE5 på Mac :)
av JohanJesus, tisdag 09 oktober 2007 kl 11:47
thelonius
JohanJesus: hade du kört Webkit ett tag skulle du också klaga på IE6 ;)

Sen behöver man inte klaga på IE6, det räcker med att ignorera den lite och ge dessa användare en lite sämre sajt. Progressive enhancement, någon?
av thelonius, tisdag 09 oktober 2007 kl 12:08
JohanJesus
thelonius: Funkar säkert jättebra på en blogg eller nåt, men inte när en kund ska betala. De flesta kunders medelålder ligger väl runt 35 skulle jag tro och de kör för det mesta IE6. De skulle inte tolerera att sidan ser sämre ut i den populäraste webbläsaren.

Progressive enhancement är ju precis vad jag håller på med när jag utgår från IE6 och får allt att funka där först.

Jag kör Safari på Macen och FireFox ibland på min jobbdator.
av JohanJesus, tisdag 09 oktober 2007 kl 13:11
Dennis Söderström
Varför finns inte webb.feber.se? Komigen nu Roger!
av Dennis Söderström, tisdag 09 oktober 2007 kl 15:39
pluffsy
JohanJesus: Att koda på känn efter Explorer kan säkert fungera sådär. Men det är knappast tidssparande i längden. Jag jobbar själv på stora projekt och är det något jag lärt mig med åren så är det att det är bra att följa standarder. Du får mycket bättre och mer strukturerad kod än att bara följa vad som råkar funka i Explorer. Sen så får man ju självklart lära sig de hack som behövs för Explorer, men det är mycket bättre att lägga det ovanpå en korrekt kodbas än att gissa sig fram.

Det är numera väldigt sällan jag har plattformsspecifika buggar i min kod. Och i dagsläget växer bara antalet plattformar (inte minst med mer mobilsurf), vilket gör att om man inte vill lägga jättestora resurser på testning så är det bättre att följa reglerna till att börja med.
av pluffsy, tisdag 09 oktober 2007 kl 15:48
rjpa
Usssch, fick ett typisk Windows fel, IE7 krashade, på tysk, kolla länken.

;)

- Rasmus
av rjpa, tisdag 09 oktober 2007 kl 19:22
Fredrik
Haha.. testade precis.. grymt att det är ett Windows-felmeddelande ovanpå sajterna jag kontrollerar i Explorer 7.. :) Som dessutom är helt obegripligt.

I vilket fall, bra sajt! Nu slipper jag stå i kö på browsershots.org
av Fredrik, tisdag 09 oktober 2007 kl 20:10
AndersB
Håller helt med pluffsy. Att från början koda på känn efter hur IE6 renderar tar för lång tid. Mina kunder har inte tid att vänta och så inte heller jag.

Alla de verktyg (extensions) som finns för att snabba upp processen när man kodar i FF är i mina ögon livsnödvändiga om man ska kunna jobba snabbt som utvecklare. En smart utvecklare kodar alltid så enkelt som möjligt utan krusiduller och följer alltid standard. Skulle det strula så är det mest tidseffektivt att korrigera det med en separat IE6-mall. IE7 ska man däremot kunna få fullt fungerande med basmall. Fungerar inte en webbplats som den ska i IE7 så har man inte kodat tillräckligt enkelt.
av AndersB, tisdag 09 oktober 2007 kl 21:41
JohanJesus
pluffsy: Har du ens följ diskussionen? Jag skriver ju hela tiden att jag vet rådande "standarder" och följder dessa. Jag kodar inte på känn, visserligen är det ju lite på känn för man vet ju redan hur saker och ting kommer te sig i de olika webbläsarna. Markupen gör jag alltid korrekt (så pass mycket som jag kan styra, sen kan ju kunderna alltid förstöra lite själva om de vill), det jag snackar om är enbart css. Jag använder ibland hjälpmedel i form av dev toolbar till IE7. Men oftast vet man ju redan hur man ska gå till väga och hur man ska göra något för att uppnå samma resultat i alla läsarna UTAN hack.

AndersB: Det är ju precis så jag gör - gör det så enkelt som möjligt så det funkar i IE6. Sen om man ska göra något lite mer avancerat så får man ta det lite piano. Det är ju där erfarenheten kommer in - veta vad som funkar och inte och hur man uppnår samma resultat.

De enda grejerna jag stör mig på i IE6 är avsaknaden av min-width, min-height och en del selektorer (typ >, attribut, focus och hover). Men det går ju att lösa hyffsat bra ändå.
Det enda min "IE6-mall" innehåller är typ hack för min-height. Kan inte komma på nåt annat jag behövt som inte går att lösa utan hack som jag VERKLIGEN behövt.
av JohanJesus, tisdag 09 oktober 2007 kl 23:32
Ciryon
Lite tips på hur websidor kan anpassas för att fungera i Internet Explorer. Håller med övriga ovan att det känns väldigt främmande att börja koda för IE och sen anpassa till webläsare som följer standarden.
av Ciryon, onsdag 10 oktober 2007 kl 00:41
JohanJesus
Ciryon: Läser du vad jag skriver eller? Jag kodar inte för IE, markupen är den samma och semantisk korrekt efter alla regler. Det jag snackar om är css, keep it simple. Ska man göra nåt mer avancerat så vet man vad som funkar och inte funkar och hur man löser saker och ting utan hack.
Jag "anpassar" inte för nya webbläsare.

Cavemonkey var lite dum på ett ställe, "he Alternative Style Sheet Hack" är inte så smart att använda då den slår igenom även på IE7, man måste specificera den bättre så den bara slår igenom på äldre webbläsare. Ok, han nämnde 3-4 lösningar i IE6... är det så mycket att hänga upp sig på? Kom ihåg dem sen är det inte något problem i framtiden. Jag kan nog hitta tre skumma fel i FireFox också. Gå in här www.alltsomsker.nu högerklicka och välj uppdatera. Hände det nåt skumt med kalendern i högerkolumnen? Bara ett exempel...
av JohanJesus, onsdag 10 oktober 2007 kl 09:27
Dogge
Haha dåligt vinklad artikel

av Dogge, onsdag 10 oktober 2007 kl 18:35
Mårten Björk
(based on true stories)
av Mårten Björk, torsdag 11 oktober 2007 kl 00:58
JohanJesus
"Så fort jag - valfri artikel författare - använder mer (onödigt) avancerad CSS brakar (really?) IEs rendering samman något som gör att jag måste spendera en massa tid (istället för att i första början vetat vad som hade fungerat) med att skriva om min CSS med hack och med diverse knep så att samtliga användare (dessa samtliga användare upplever störande problem - som går att lösa på en kvart - fortfarande på feber-sidorna) kan se webbsidan så normalt som möjligt."

Eller? :)
av JohanJesus, torsdag 11 oktober 2007 kl 16:24
AndersB
JohanJesus > Min-height behöver ingen separat mall. Men det är väl just sådant som kommer med erfarenhet...? ;)

Testa följande: selector { min-height: XXXpx; height: auto !important; height: XXXpx; }
av AndersB, måndag 15 oktober 2007 kl 02:00
JohanJesus
AndersB: Ähhh jag vet det. Men det är ju sjysst att lägga alla "ie-hack" i en egen mall som man kan skrota sen i framtiden. Har jag påstått att man måste ha olika mallar eller? Sen vilket hack man använder är väl upp till utvecklaren. Jag håller ju hellre standard-mallen så ren som möjligt och sen en ie6-mall.
av JohanJesus, måndag 15 oktober 2007 kl 15:29
Kommentera artikeln







+ Per månad 39 kr Betala löpande per månad. Ingen bindningstid. Starta prenumeration Per år 299 kr Enklast och billigast, bara 25 kronor i månaden. Betala löpande per år. Ingen bindningstid. Prova 14 dagar gratis innan du bestämmer dig. Starta gratis provperiod Engångsköp 349 kr Slipp återkommande betalningar, betala ett år i taget. Betala med kort eller Swish. Köp utan prenumeration