Uitgelicht
Alles over de WWDC
Toon of verberg de lijst met posts

Websites zien geen verschil tussen iPad en iPad mini

Een website op de iPad mini zal er altijd hetzelfde uitzien als op andere iPads. Sites kunnen namelijk geen onderscheid maken tussen de gewone iPad en iPad mini.
Bastiaan Vroegop - · Laatst bijgewerkt:

Websites kunnen een iPad mini en een grotere iPad niet van elkaar onderscheiden. Dit betekent dat je op beide iPads altijd dezelfde lay-out te zien zult krijgen. Op deze manier probeert Apple vermoedelijk de ervaring op de iPad mini zoveel mogelijk op een gewone iPad te laten lijken. Het is echter slecht nieuws voor websites die graag een aparte lay-out voor het kleinere iPad mini-scherm wilden gebruiken.


Webontwikkelaars kunnen op het moment onderscheid maken tussen sommige iOS-apparaten. Dit wordt bepaald aan de hand van de User Agent. Op deze manier kan een website een speciale mobiele lay-out tonen als je hem bezoekt op een iPhone, of een tabletlay-out op een iPad. Maar Apple heeft besloten om de User Agent van de iPad mini gelijk te maken met die van de iPad 2. Een uitgebreide uitleg van het artikel is te vinden in het artikel ‘Mission: Impossible – iPad mini detection for HTML5‘.

Gebruik je een iPad mini, dan zul je altijd dezelfde site zien die je ook op een grote iPad ziet. Hierdoor kunnen bijvoorbeeld bepaalde knoppen in verhouding kleiner zijn dan je gewend bent op het grotere iPad-scherm. In hoeverre dit een probleem zal zijn, weten we nog niet: tot nu toe hebben we nog weinig mensen horen klagen over onbruikbare websites op de kleinere iPad mini. Een website kan natuurlijk wel knoppen bieden op een website, waarmee je kunt aangeven welke iPad je gebruikt. Hiervoor moeten bezoekers een extra stap verrichten.

De iPad mini maakt op het gebied van apps ook al geen onderscheid met eerdere grotere iPads: een iPad mini-applicatie gebruikt een resolutie van 1024 bij 768 pixels, dezelfde resolutie als op de eerste iPad en iPad 2. Een app geoptimaliseerd voor de iPad derde en vierde generatie heeft een hogere resolutie, waardoor bijvoorbeeld knoppen er scherper uit kunnen zien. Voor technische details kun je ook terecht op Stack Overflow.

Taalfout gezien of andere suggestie hoe we dit artikel kunnen verbeteren? Laat het ons weten!

Ook interessant

Reacties: 10 reacties

  1. Het verschil tussen puntgrootte (1/72 inch) en pixel moet toch solaas kunnen bieden, lijkt me? Of houdt de iPad mini zich hier niet aan de standaard?

  2. Alsof je als nieuwssite aan de hand van user agents de pagina verschillend rendered. Gaan ze dat ook voor elke Android-device doen? Dan ben je wel ff bezig….

    Media queries is the way to go, als je echt zaken gaat aanpassen aan de hand van user agents ben je sowieso al slecht bezig. imho….

    en als je het dan echt wilt dan schijnt dit de oplossing te zijn.

  3. Idd doordat ze beide dedzelfde resolutie hebben kan je zelfs met responsive design met de @media selector niets anders doen.

    Maar het verschil is ook weer niet zo groot dat het een dadwerkelijk probleem oplevert

  4. Terecht. Ik heb nu al een hekel aan sites die mij een andere layout (meestal met beperktere mogelijkheden) voorschotelen.

  5. Nu we het er toch over hebben… Van mij mag de knop om verder te bladeren naar de volgende (oudere) artikkelen hier op de iPadclub ook een slag groter Ik vind het echt een gepriegel om hem te raken op mijn iPad 1. Verder ben ik erg te vreden.

  6. Mooi. Ik heb een bloedhekel aan websites die een mini site voorschotelen.

  7. Naast sites die je een beperkte “mini” site voorschotelen heb je echter ook nog adaptieve websites die precies dezelfde functionaliteiten bied op verschillende apparaten. Dit soort technieken worden (gelukkig) steeds populairder, helaas zal het dus niet kunnen worden ingezet voor de iPad mini..

  8. Ik snap niet waarom dit een probleem is, Apps hebben precies dezelfde resolutie als de Ipad 2 en zullen dus ook wat kleinere knopjes hebben maar nog geen recensie schrijver die hier een opmerking over heeft geplaatst.

  9. effe rekenen, 18½ procent kleiner, dat is toch wel flink wat kleiner!

    oef, dat knopje van ruim 9mm is nu amper 8mm.

    kijk dat is het hele probleem dus niet, maar ik kan mij wel voorstellen dat webbouwers ook wel blij zijn als ze een aangepaste website willen aanbieden; vooral WordPress doet het goed op een iPhone of iPod…

    maar Apple heeft ook wel gelijk, een iPad MINI is géén iPod MAXI

    — al zie ik de iPod MAXI ook nog wel eens komen
    NEAR HD
    960×1706 pixels
    5,9inch

    — en voor de tech saffy developers:
    dan komt er dus @3 ipv @2 resolutie

    — iedereen blij

    oh… markeer dit even als een gerucht!

    APPLE KOMT MET 5.9″ NEAR HD 960×1706 iPOD MAXI

  10. De site van de ipadclub is ook vreselijk. Als ik via twitter hier kom, krijg je een soort kleine iphone website te zien.
    Lijkt wel of de ipadclub niet eens verschil ziet tussen ipad of iphone. Eerst dat oplossen, voordat ze zich druk gaan maken over het verschil tussen ipad en de mini.

  11. @Ivo ve: Dat zou niet mogen. Als je via je iPad of iPad mini iPadclub.nl bezoekt, hoor je gewoon de volledige website te krijgen. Het kan in heel uitzonderlijke gevallen wel zijn dat je *per ongeluk* de mobiele weergave te zien krijgt, omdat de cache dan in de war is. Dit zou 5 minuten later meestal opgelost moeten zijn.

Reacties zijn gesloten voor dit artikel.