Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

iPhone / iPad-simulator

5 views
Skip to first unread message

Allan Vebel

unread,
Mar 28, 2013, 6:57:42 PM3/28/13
to
Er der nogen her der har erfaring med en simulator
til pc, der kan vise hvordan en hjemmeside bliver
pr�senteret i iPhone og iPad?

Jeg pr�vede et par stykker i aftes - de var ved at
tage livet af min maskine (installerede en hel masse
snot / toolbarer / spyware).

F�r i tiden havde vi Opera Mini til mobiltelefoner,
men den eksisterer ikke mere.

Jeg er mest interesseret i noget web-baseret - og
ikke noget jeg skal installere. Findes det?

--
Allan Vebel
http://vebel.dk

Birger Sørensen

unread,
Mar 28, 2013, 7:11:39 PM3/28/13
to
Allan Vebel skrev:
> Er der nogen her der har erfaring med en simulator
> til pc, der kan vise hvordan en hjemmeside bliver
> prï¿œsenteret i iPhone og iPad?
>
> Jeg prï¿œvede et par stykker i aftes - de var ved at
> tage livet af min maskine (installerede en hel masse
> snot / toolbarer / spyware).
>
> Fï¿œr i tiden havde vi Opera Mini til mobiltelefoner,
> men den eksisterer ikke mere.
>
> Jeg er mest interesseret i noget web-baseret - og
> ikke noget jeg skal installere. Findes det?

http://www.testiphone.com/
http://iphonetester.com/

Om det de viser og funktionalitet, svarer til de egentlige apparater,
har jeg ingen idￜ om.

Birger

--
http://varmeretter.dk - billig, sund og hurtig mad
Utils http://sdccms.dk/ordbog/ http://sdccms.dk/mailfriend/
http://bredelund.dk CMS som det var meningen et sï¿œdant skulle vï¿œre


scootergrisen

unread,
Mar 28, 2013, 8:31:09 PM3/28/13
to
Jeg kender ikke nogen desiderert iphone ipad simulator men der er Opera
Mobile Emulator og Firefox OS Simulator.

Jeg samler links her :
http://netkoder.dk/netkoder/browsere.php

Allan Vebel

unread,
Mar 28, 2013, 9:02:01 PM3/28/13
to
Birger Sï¿œrensen skrev:

> http://www.testiphone.com/
> http://iphonetester.com/
>
> Om det de viser og funktionalitet, svarer til de
> egentlige apparater, har jeg ingen idￜ om.

Tak, Birger - det hjalp mig lidt videre. Nu mangler
jeg kun noget til iPad - det er her jeg vil lave en
ipad.css, sￜ det vises optimalt her, men jeg har
ikke mulighed for at teste det.

Mcwm

unread,
Mar 28, 2013, 9:22:38 PM3/28/13
to
Den 29-03-2013 02:02, Allan Vebel skrev:
> Nu mangler
> jeg kun noget til iPad

Prï¿œv; http://ipadpeek.com/

Venligst
Mcwm

Allan Vebel

unread,
Mar 29, 2013, 8:52:09 AM3/29/13
to
Mcwm skrev:

> Prï¿œv; http://ipadpeek.com/

Tak min ven - det ser ud til at fungere optimalt.

scootergrisen

unread,
Mar 29, 2013, 9:05:24 AM3/29/13
to
> Nu mangler
> jeg kun noget til iPad - det er her jeg vil lave en
> ipad.css, sￜ det vises optimalt her, men jeg har
> ikke mulighed for at teste det.
>

Det syntes jeg er en dï¿œrlig ide.
Hvorfor vil du lave CSS kode specifikt til bestemte enheder ?
Og hvad sￜ nￜr der er forskellige ipads med forskellige oplￜsninger ?

Det ville vï¿œre bedre at udvikle efter skï¿œrmoplï¿œsning det er vel det du
egentligt er ude efter er det ikke ?

I Firefox kan du for eksempel trykke Ctrl + Shift + M for at vise i
bestemte stï¿œrrelser.

Du kan for eksempel bruge denne CSS kode til at ￜndre ting pￜ
hjemmesiden alt efter oplï¿œsning :

@media screen and (max-device-width: 880px),
screen and (max-width: 880px) {

// din CSS kode

}

@media screen and (max-device-width: 480px),
screen and (max-width: 480px) {

// din CSS kode

}

I HTML koden i <head> del kan man skrive :
<meta name="viewport" content="width=device-width, initial-scale=1,
maximum-scale=1">

Det er et eller andet med at sￜ er hjemmesiden "zoomet" rigtigt.

Det er det jeg indil videre jeg lￜrt da jeg har testet min side pￜ iphone.

En af de bedste CSS koder jeg har fundet til at vis billeder i fuld
bredde er denne :

.delbilled img {
max-width: 100%;
height: auto !IMPORTANT; /* behold aspect ratio */
}

Den kode kan du sￜ bruge ved mindre oplￜsninger det virker godt.

Ellers hvis du har en hjemmeside du vil have testet sￜ kan jeg lￜne en
iphone og teste den.

Men i bund og grund er det jo bare Safari 6.0 i besteme oplￜsninger ogsￜ
er der det med skï¿œrmtastetur men det kan du teste i Firefox OS Simulator.

De problemer jeg har oplevet pￜ iphone Safari 6.0 har jeg skrevet om her
: http://netkoder.dk/netkoder/browserproblemer.php#safari_pa_iphone

scootergrisen

unread,
Mar 29, 2013, 9:09:20 AM3/29/13
to
Den 29-03-2013 13:52, Allan Vebel skrev:
> Mcwm skrev:
>
>> Prï¿œv; http://ipadpeek.com/
>
> Tak min ven - det ser ud til at fungere optimalt.
>

Fungere optimalt ?
Det er bare en iframe i en bestemt stï¿œrrelse med lidt grafik udenom der
ligner en ipad.

Karl Erik Christensen

unread,
Mar 29, 2013, 11:28:41 AM3/29/13
to
Den 29-03-2013 14:05, scootergrisen skrev:
> <meta name="viewport" content="width=device-width, initial-scale=1,
> maximum-scale=1">
>
> Det er et eller andet med at sￜ er hjemmesiden "zoomet" rigtigt.

"Et eller andet" - hvem kan bruge det?

Initial-scale=1 medfï¿œrer blot, at siden vises 1:1 nï¿œr brugeren loader den.

Det er jo nemt at finde svar pￜ Gowle - f.eks:
http://alxgbsn.co.uk/2011/11/23/make-sure-to-use-correct-meta-viewport-syntax/

Karl Erik.

--
http://dmwebdesign.dk/karlerik/

Allan Vebel

unread,
Mar 29, 2013, 5:11:07 PM3/29/13
to
Karl Erik Christensen skrev:

> "Et eller andet" - hvem kan bruge det?

Der skal bare en lille tilpasning til for at menuen
ikke kammer over: http://vebel.dk/test/iphone.png

Pￜ samme mￜde bruger jeg print.css til at slukke
for menu og baggrund pￜ udskrift.

Med sￜ mange formater pￜ normal skￜrm og
forskellige mobile enheder, er man nï¿œdt til at tage
hensyn.

Karl Erik Christensen

unread,
Mar 29, 2013, 8:55:12 PM3/29/13
to
Hej Allan.

Jeg har en tablet med 7" skￜrm (800x480 px). Den viser jo ogsￜ 480x800
hvis den vendes.
Jeg kan slet ikke undvï¿œre den mere, nï¿œr jeg laver nye sider.

Hvis jeg skal teste for dig, kan du e-maile et link.
Jeg kan desvￜrre ikke tage screenshot med den, sￜ skal den "rootes", og
det har jeg ikke eksperimenteret med - endnu :-)

Karl Erik Christensen

unread,
Mar 29, 2013, 9:51:26 PM3/29/13
to
Den 29-03-2013 22:11, Allan Vebel skrev:
Der skal i sagens natur, ikke meget til at ï¿œdelï¿œgge horisontale
listemenuer, pￜ smￜ skￜrme.

Du kan enten vￜlge at lade hver li fylde 100% pￜ bredden, nￜr vinduet er
under en hvis stï¿œrrelse, eller du kan stykke menuen op i f.eks. 2
ul-lister, og sￜ lade dem flyde sammen, nￜr vinduet tillader det.

Karl Erik Christensen

unread,
Mar 29, 2013, 10:17:02 PM3/29/13
to
- og ikke noget med at definere bredder i px.

#wrapper{
position:relative;
width:760px;

Nï¿œr du sï¿œtter width: 760px; ï¿œdelï¿œgger du alt hvad der er under (mobiler)
- dvs. teksten bliver mindre, mï¿œske endda ulï¿œselig.
Brugeren skal zoome pￜ sin mobil, og det synes jeg (og sikert ogsￜ
Andrￜ) er mￜgtig irriterende.

J�rn Andersen

unread,
Apr 2, 2013, 8:11:52 PM4/2/13
to
On Fri, 29 Mar 2013 14:05:24 +0100, scootergrisen <NEJ...@TILSPAM.DK>
wrote:

>I HTML koden i <head> del kan man skrive :
><meta name="viewport" content="width=device-width, initial-scale=1,
>maximum-scale=1">

Det synes jeg er en d�rlig id� - alts� med: maximum-scale=1

initial-scale=1 er OK, men maximum-scale=1 g�r, at brugeren ikke kan
zoome. Og det er ikke lige det man forventer.

I �vrigt s� burde det v�re nok med:
<meta name="viewport" content="width=device-width">

Good luck,
J�rn

--
J�rn Andersen
http://socialister.dk
http://marxisme.dk

scootergrisen

unread,
Apr 3, 2013, 11:09:37 AM4/3/13
to
Den 03-04-2013 02:11, Jørn Andersen skrev:
> On Fri, 29 Mar 2013 14:05:24 +0100, scootergrisen <NEJ...@TILSPAM.DK>
> wrote:
>
>> I HTML koden i <head> del kan man skrive :
>> <meta name="viewport" content="width=device-width, initial-scale=1,
>> maximum-scale=1">
>
> Det synes jeg er en dårlig idé - altså med: maximum-scale=1
>
> initial-scale=1 er OK, men maximum-scale=1 gør, at brugeren ikke kan
> zoome. Og det er ikke lige det man forventer.
>
> I øvrigt så burde det være nok med:
> <meta name="viewport" content="width=device-width">
>
> Good luck,
> Jørn
>

Det er bare det jeg indtil videre har testet mig frem til.

0 new messages