Browser skille mellom iphone og pc

Browser skille mellom iphone og pc

Innleggav Sirbull » søn 01.08.2010 12:14

Hei. Jeg driver å fikser på nettsiden min. Nettsiden min har en egen adresse, også har jeg opprettet en iphone-versjon av siden som ligger på en egen link, men begge skal ha et felles domene. Hvordan får jeg browseren til å skjønne om man surfer på en iphone eller en pc/mac?

Jeg skulle gjerne fått til et lite script som åpnes før siden lastes inn, som enten sender deg til pc/mac-versjonen eller iphone-versjonen ettersom hvilken plattform du sitter på. Er det noen som har noen tips?

Brukerens avatar
medlem i 203 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav myPhone » søn 01.08.2010 13:22

Bare legg denne JS koden til i header og sett domene til adressen du skal sende besøkere til.

Scriptet lar besøkere velge om de vil se iphone versjon, eller vanlig versjon.

Kode: Merk alt
if ((navigator.userAgent.indexOf('iPhone') != -1) || 
(navigator.userAgent.indexOf('iPod') != -1)) { 
 if(confirm('Vil du til iphone-versjonen av siden min??')){
   document.location = "http://i.domene.no/"; 
 }
}


Ønsker du å bare videresende brukere uten å gi dem valget bør du gjøre det i php så besøkere ikke trenger å vente på at hovedsiden lastes inn..

Brukerens avatar
medlem i 192 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav Sirbull » søn 01.08.2010 14:26

Hmm... det har dukket opp et annet problem nå. Jeg hadde et script på siden min som funket perfekt. Så lagde jeg et sikkerhetskopi, endret på originalen, men kopierte tilbake koden slik den originalt var... Men nå funker ikke scriptet. Hele koden kommer bare opp som tekst på siden. Hva skjer?! Hva skal til for å få script til å fungere, og ikke bare vise som tekst? Jeg har prøvd med flere eksempler av ferdige script som skal fungere (som alle inneholder <head>,<html> og <body>...

Her er koden jeg egentlig vil skal fungere:

Kode: Merk alt
<html><head>
<title>sirBull.com</title>
<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<META name="resource-type" content="document">
<META name="audience" content="all">
<META name="distribution" content="global">
<META name="robots" content="INDEX, FOLLOW">
<META name="revisit-after" content="10 days">

<META name="keywords" content="sirbull">
<script language="JavaScript"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
       "http://www.w3.org/TR/REC-html40/frameset.dtd">
<HTML>
<HEAD><TITLE>sirBull.com</TITLE><LINK REL="SHORTCUT ICON" href="favicon.ico">

<FRAMESET><FRAME SRC="http://sirbull.blogspot.com" NAME=mainframe ID=mainframe>
<NOFRAMES>
<BODY>
<ADDRESS></ADDRESS>
</BODY>
</FRAMESET>
</HTML>
if(top.frames.length > 0)
top.location.href=self.location;
</script>
</head>
<frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
framespacing="0">
<frame name="conr_main_frame" src="http://sirbull.blogspot.com">
</frameset>
<noframes>
<body>
<div align=center>



</div>
</body>
</noframes>
</html>

Brukerens avatar
medlem i 203 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav myPhone » søn 01.08.2010 14:57

Det er fordi du plasserte et html dokument i et html dokument..

her er den ene:

Kode: Merk alt
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Frameset//EN"
           "http://www.w3.org/TR/REC-html40/frameset.dtd">
    <HTML>
    <HEAD><TITLE>sirBull.com</TITLE><LINK REL="SHORTCUT ICON" href="favicon.ico">

    <FRAMESET><FRAME SRC="http://sirbull.blogspot.com" NAME=mainframe ID=mainframe>
    <NOFRAMES>
    <BODY>
    <ADDRESS></ADDRESS>
    </BODY>
    </FRAMESET>
    </HTML>


og her er den andre:

Kode: Merk alt
 <html><head>
    <title>sirBull.com</title>
    <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <META name="resource-type" content="document">
    <META name="audience" content="all">
    <META name="distribution" content="global">
    <META name="robots" content="INDEX, FOLLOW">
    <META name="revisit-after" content="10 days">

    <META name="keywords" content="sirbull">
    <script language="JavaScript">
    if(top.frames.length > 0)
    top.location.href=self.location;
    </script>
    </head>
    <frameset rows="100%,*" frameborder="NO" border="0" framespacing="0">
    framespacing="0">
    <frame name="conr_main_frame" src="http://sirbull.blogspot.com">
    </frameset>
    <noframes>
    <body>
    <div align=center>



    </div>
    </body>
    </noframes>
    </html>


Brukerens avatar
medlem i 192 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav Sirbull » søn 01.08.2010 16:04

ok, supert. Nå funker ting her. Men hvordan sender jeg personen videre til en annen side om de ikke vil se iphone-siden?

Brukerens avatar
medlem i 203 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav myPhone » søn 01.08.2010 16:53

du legger koden inn på selve hjemmesiden, og brukere blir kun videresendt dersom de vil se iphone versjon.


Eksempel, vg.no spør "vil du se iphone versjon istedet?"
ok -> sender deg til i.vg.no
avbryt -> du forblir på vg.no

Hvis du vil gjøre det på en annen måte får du bruke

Kode: Merk alt
else{
  document.location = "http://other.domene.no/";
}

Brukerens avatar
medlem i 192 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav Sirbull » søn 01.08.2010 17:05

Ok, høres jo veldig riktig ut, og var forsåvidt det jeg trodde (bare at jeg ikke kan skrive kode utenat). Men scriptet mitt fungerer ikke like vel... Man kommer bare til en blank side om man klikker avbryt. Er det noe feil med scriptet mitt?

Kode: Merk alt
if ((navigator.userAgent.indexOf('iPhone') != -1) ||
(navigator.userAgent.indexOf('iPod') != -1)) {
if(confirm('Vil du bruke iPhone-versjonen av sirBull.com?')){
   document.location = "http://iphone.sirbull.com";
}
}
else{
  document.location = "http://sirbull.com/blog";
}

Brukerens avatar
medlem i 203 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav myPhone » søn 01.08.2010 17:14

Kode: Merk alt
if ((navigator.userAgent.indexOf('iPhone') != -1) ||
(navigator.userAgent.indexOf('iPod') != -1)) {
if(confirm('Vil du bruke iPhone-versjonen av sirBull.com?')){
   document.location = "http://iphone.sirbull.com";
}
else{
  document.location = "http://sirbull.com/blog";
}
}

Brukerens avatar
medlem i 192 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav Sirbull » søn 01.08.2010 19:52

Så utrolig rart. Nå funker alt som det skal hvis man bruker en iPhone, men om man skriver inn sirbull.com, kommer man kun til en blank side... Scriptet videresender jo til bloggen, så jeg skjønner ikke hva som er problemet her jeg...

Kode: Merk alt
if ((navigator.userAgent.indexOf('iPhone') != -1) ||
(navigator.userAgent.indexOf('iPod') != -1)) {
if(confirm('Vil du bruke iPhone-versjonen av sirBull.com?')){
   document.location = "http://iphone.sirbull.com";
}
else{
   document.location = "http://sirbull.com/blog";
   
}
}

Brukerens avatar
medlem i 203 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav myPhone » søn 01.08.2010 19:59

Skriptet er ment for å videresende dersom man bruker iPhone, så det skal legges til den vanlige nettsiden...

ellers får du gjøre den om til dette:

Kode: Merk alt
if ((navigator.userAgent.indexOf('iPhone') != -1) ||
(navigator.userAgent.indexOf('iPod') != -1)) {
if(confirm('Vil du bruke iPhone-versjonen av sirBull.com?')){
   document.location = "http://iphone.sirbull.com";
}else{
   document.location = "http://sirbull.com/blog"; 
}
}else{
   document.location = "http://sirbull.com/blog";
}

Brukerens avatar
medlem i 192 måneder
 

Re: Browser skille mellom iphone og pc

Innleggav Sirbull » søn 01.08.2010 21:51

Åh! Tusen, tusen takk! Detta var til fantastisk hjelp! Jeg skylder deg en ;) Hehe.

Brukerens avatar
medlem i 203 måneder
 


Returner til Webdesign



Hvem er i Forumene

Registrerte brukere: Google [Bot]