Tarkastaja
Tarkastaja kokoaa testatun sivun ja sen havainnot yhteen. Sen avulla siirryt verkkosivuston laajuisesta määrästä tarkkaan kohtaan, jossa ongelma ilmenee.
Mitä voit tarkastella
- Renderöity sivu testatussa näkymän koossa.
- Sivulla korostetut yksittäisten ongelmien sijainnit.
- Havainnon taustalla oleva lähdekoodi- tai -konteksti.
- Saavutettavuusrakenne, otsikot, maamerkit, linkit ja kohdistusjärjestys.
- Testauksen aikana otetut kuvakaappaukset ja responsiiviset näkymät.
- Tarkistusohjeet, viittaukset standardeihin, prioriteetti ja vastuutaho.
- Sivukartat klikkauksille, turhautumiselle ja vieritykselle, kun Analytiikassa on sivun tietoja.
Esikatselulaitteet
Laitevalikko muuttaa leveyttä, jolla sivu näytetään. Leveydet ovat CSS-pikseleinä, eli siinä koossa, johon selain asettelee sivun, eivät näytön fyysisinä pikseleinä.
| Laite | Leveys | Kierretty leveys |
|---|---|---|
| Työpöytä | Täyttää esikatselualueen | Ei kierry |
| MacBook Air | 1,280 | Ei kierry |
| iPad Mini | 768 | 1,024 |
| iPad Air 4 | 820 | 1,180 |
| iPad Pro 11 | 834 | 1,194 |
| iPhone 5 | 320 | 568 |
| iPhone X | 375 | 812 |
| iPhone 14 | 390 | 817 |
| iPhone 16 | 393 | 852 |
| Samsung Galaxy S20 | 360 | 800 |
Työpöydällä ei ole kiinteää leveyttä: se seuraa ikkunasi kokoa. Tableteilla ja puhelimilla Kierrä kääntää laitteen sivuttain.
Laitteen valitseminen muuttaa vain esikatselua. Mobiilitarkistukset testataan aina iPhone 5:n leveydellä, 320 CSS-pikselillä, riippumatta siitä, minkä laitteen valitset. Miksi Silktide testaa iPhone 5:llä? selittää syyn.
Tyypillinen työnkulku
- Avaa tarkistus tai ongelma moduulista, sivutaulukosta tai hakutuloksesta.
- Valitse esiintymä korostaaksesi sen sivulla.
- Lue selitys ja tarkastele sen sivu- tai lähdekoodikontekstia.
- Kysy tekoälyltä, kun tarvitset selkeämmän selityksen tai ohjeita korjaamiseen.
- Kirjaa sopiva päätös tai luo tehtävä.
- Testaa uudelleen verkkosivuston muutosten jälkeen varmistaaksesi, että havainto on poistunut.