MacBook Pro M1 13 2020

Apple MacBook Pro 13" M1 is een populair apparaat om te simuleren en emuleren onder webontwikkelaars en designers voor het testen van responsieve lay-outs en mobiel UI-gedrag. Jaar van uitkomst: 2020.

Waarom testen op Apple MacBook Pro 13" M1?

  • Viewport

    13,3-inch 2560×1600 Retina, zonder inkeping — klassiek compact Mac-viewport voor het testen van standaard macOS-lay-outproporties.

  • Pixeldichtheid (DPR)

    Standaard pixeldichtheid onthult wazige afbeeldingen en problemen met het schalen van pictogrammen op het scherm.

  • Prestaties en animaties

    Apple M1 biedt een solide basislijn; inefficiënte scripts en geheugenlekkages komen naar boven tijdens langere sessies.

Viewportformaat (CSS-resolutie)

Het CSS-viewport bepaalt hoe media queries, lay-outbreakpoints en responsieve componenten zich gedragen.

Voor Apple MacBook Pro 13" M1 meet het CSS-viewport:

  • Breedte: 1680 px
  • Hoogte: 1050 px

ℹ️ De zichtbare hoogte kan enigszins variëren afhankelijk van de browserinterface (Safari, Chrome, enz.).

Sommige analyseplatforms tonen alleen de fysieke schermresolutie (zie hieronder) in plaats van het CSS-viewportformaat.

Om precies te zien hoe dit viewport zich onder echte omstandigheden gedraagt, kun je Apple MacBook Pro 13" M1 direct in je browser simuleren met Mobiele Simulator.

Gratis Apple MacBook Pro 13" M1-simulator & emulator

Nauwkeurige viewportsimulatie direct in je browser.

  • Geen account nodig
  • 40+ apparaten inbegrepen
  • Werkt offline
Toevoegen aan Chrome
  • Gratis
  • 4.8 beoordeling
  • 20,000+ gebruikers
Phone Simulator - Chrome Extension

Pixeldichtheid (Device Pixel Ratio)

Apple MacBook Pro 13" M1 heeft een device pixel ratio van 1.5.

Elke CSS-pixel wordt weergegeven met 1.5 fysieke pixels, wat resulteert in scherpere tekst en afbeeldingen.

Voor CSS-targeting:

css
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	/* Stijlen specifiek voor hoge DPI */
}

In JavaScript:

js
window.devicePixelRatio;
// geeft terug: 1.5

Fysieke schermresolutie

Fysieke resolutie verwijst naar het werkelijke aantal hardwarepixels op het scherm. Hoewel het geen invloed heeft op CSS-lay-outs, wordt het gewoonlijk weergegeven in analyses en apparaatspecificaties.

  • Breedte: 2560 px
  • Hoogte: 1600 px

ℹ️ Fysieke resolutie wordt niet gebruikt voor CSS-lay-outs maar wordt vaak weergegeven in analysetools.

Veelgestelde vragen

Wat is het viewportformaat van Apple MacBook Pro 13" M1?

Apple MacBook Pro 13" M1 heeft een viewportformaat van 1680×1050 CSS-pixels.

Hoe kan ik mijn website testen op Apple MacBook Pro 13" M1?

Je kunt het direct simuleren met de Mobiele Simulator Chrome-extensie — geen echt apparaat nodig.

Waarom is Mobiele Simulator beter dan Chrome DevTools voor Apple MacBook Pro 13" M1?

DevTools toont een geschatte viewportgrootte, maar emuleert de echte mobiele browser niet. Mobiele Simulator gebruikt exacte apparaatkenmerken en laat zien hoe je site wordt weergegeven in een echte mobiele browseromgeving.

Kan ik localhost testen met Mobiele Simulator op Apple MacBook Pro 13" M1?

Ja. Mobiele Simulator werkt met elke lokale URL, inclusief localhost:3000, 127.0.0.1 en vergelijkbare ontwikkelomgevingen.

Moet ik een Apple MacBook Pro 13" M1 kopen voor testen?

Nee. Mobiele Simulator biedt nauwkeurige apparaatsimulatie voor $0 in plaats van $799+ uit te geven aan een fysiek apparaat.

Meer apparaten voor mobiel testen