Låsning av skjermretning

Silktide kontrollerer at sidene dine ikke tvinger besøkende til å holde enheten på en bestemt måte. En side bør fungere både i stående og liggende visning, fordi noen ikke kan rotere skjermen.

To vanlige mønstre låser en sides retning: kode som kaller nettleserens funksjon for låsing av skjermretning, og stiler som skjuler hele siden med en melding om at du må rotere enheten, frem til enheten snus.

Hvorfor dette er viktig

Mange kan fysisk ikke rotere enheten sin: Et nettbrett montert på en rullestol, en telefon i et fast stativ eller en skjerm koblet til maskinvare for er ofte installert permanent i én retning. Andre har begrenset grep eller motorisk kontroll, noe som gjør det vanskelig å rotere enheten. For disse besøkende er en side som insisterer på én retning rett og slett ubrukelig – de ser en tom skjerm eller en melding om å rotere enheten som de aldri kan oppfylle.

Slik løser du det

Fjern kode som låser skjermretningen, for eksempel kall til screen.orientation.lock():

// Problem: tvinger liggende visning og fungerer ikke for brukere som ikke kan rotere
screen.orientation.lock("landscape");

Fjern stiler som tømmer siden i én retning:

/* Problem: skjuler alt frem til enheten roteres */
@media (orientation: portrait) {
  body { display: none; }
}

Utform i stedet oppsettet slik at det tilpasser seg begge retninger. Mediespørringer for skjermretning er fine for å justere oppsettet – bare aldri bruk dem til å skjule siden.

Slik tester Silktide dette

Undersøk skriptene som er innebygd på hver side, og rapporter alle som kaller en funksjon for låsing av skjermretning, for eksempel screen.orientation.lock() eller den eldre lockOrientation().
Undersøk stilene som er innebygd på hver side, og rapporter alle mediespørringer for skjermretning som skjuler hele siden ved å sette display: none på sidens body-element.
Stiler som bare tilpasser oppsettet etter skjermretning, rapporteres ikke – er ikke en låsing.

Feilsøking

Låsningen av skjermretningen er i en ekstern fil

Silktide undersøker skriptene og stilene som er innebygd i selve siden. En låsing som brukes fra en separat skript- eller stilarkfil, oppdages ikke, men påvirker besøkende på samme måte – veiledningen ovenfor gjelder fortsatt.

Innholdet mitt trenger faktisk én bestemt retning

Noen få ting er avgjørende å bruke i én bestemt retning – for eksempel en pianoapp eller en skanner for banksjekker. Hvis ditt tilfelle kvalifiserer, kan du funnet.