Un error mòbil no és sempre CSS responsive. El disseny mostra controls diferents, però també canvien el navegador, la privacitat, les wallets, el teclat, la xarxa i l’emmagatzematge.
Comença amb un dispositiu físic i conserva l’estat de la comanda i el pagament. Tocar repetidament un botó congelat pot duplicar peticions.
Descriu la ruta afectada
Anota el model, sistema, navegador, orientació, xarxa, mètode de pagament i pas exacte. Indica si el teclat és obert i si hi ha una wallet, redirecció o iframe.
Compara iPhone/Safari i Android/Chrome quan els informes no identifiquin plataforma. L’emulació ajuda amb el layout, però no reprodueix totes les cookies, wallets o teclats.
Utilitza compres sintètiques i un producte controlat.
Cerca controls coberts
Els carrets fixos, el xat, el bàner de galetes i el peu poden tapar Fes la comanda o caselles en una pantalla baixa. Inspecciona amb el teclat obert i el zoom habitual.
/* Ajuda visual de diagnòstic, no solució universal */
.woocommerce-checkout #place_order {
outline: 3px solid #d00;
}Prova el focus amb teclat i les etiquetes de lector, a més del toc. No augmentis z-index sense entendre quin control ha de quedar al damunt.
Inspecciona la validació mòbil
El tipus d’input determina el teclat i els valors. El telèfon, correu o codi postal es poden autocompletar en un format que una validació pròpia rebutja. L’error pot aparèixer fora de la zona visible.
Utilitza dades sintètiques per inspeccionar l’enviament. Confirma que els camps ocults d’escriptori no continuen sent obligatoris i que canviar de país actualitza província i codi postal.
No registris adreces ni dades de pagament reals.
Captura el navegador i la xarxa
Utilitza depuració remota o un recopilador segur que exclogui dades personals. Inspecciona l’estat, la resposta i la durada de la petició.
Una xarxa mòbil revela timeouts que el Wi-Fi ràpid amaga. El throttling ajuda, però diferencia lentitud d’error. Optimitzar imatges no corregeix una crida de passarel·la que bloqueja PHP durant trenta segons.
Relaciona l’hora amb els registres del servidor.
Separa wallets i passarel·les incrustades
Apple Pay, Google Pay i els iframes de targeta tenen requisits de domini, HTTPS i navegador. Comprova si la targeta normal o la transferència funciona al mateix telèfon.
Si només falla la wallet, revisa el registre de domini, merchant, orígens permesos i logs. Si cap mètode envia petició, torna al layout, la validació i JavaScript.
No capturis targetes, tokens ni payloads complets.
Revisa JavaScript i optimització
Les branques mòbils poden iniciar sliders, adreces o resums que l’escriptori no executa. Llegeix la primera excepció i el fitxer d’origen.
Delay, bundles i consentiment poden canviar l’ordre. Aïlla una optimització a staging, regenera els assets i repeteix al dispositiu real.
No desactivis tots els connectors de producció durant les vendes.
Comprova privacitat i cookies
Safari i els navegadors restrictius poden bloquejar emmagatzematge cross-site o el frame de pagament. Utilitza un únic host HTTPS canònic i confirma que la sessió persisteix.
El retorn del proveïdor ha de tornar al mateix domini. Compara els navegadors interns de xarxes socials amb Safari o Chrome i ofereix obrir externament quan calgui.
Prova els estats de consentiment sense debilitar les cookies essencials.
Aplica una reparació estreta
Corregeix el problema provat: espaiat, camp ocult obligatori, handler, ordre, URL, cookie o domini de passarel·la. Conserva accessibilitat i seguretat.
Publica amb versionat d’assets perquè el mòbil no mantingui l’arxiu antic. Verifica una sessió nova i una de recurrent.
Comprova més enllà del botó
Completa comandes de convidat i client a la plataforma afectada, amb canvis d’adreça, errors, cancel·lació i retorn reeixit.
Confirma una comanda, un cobrament, l’estoc correcte i els correus lliurats. Revisa també el doble toc i la recuperació en tornar de la wallet.
El manteniment recurrent ha de provar dispositius reals després de canvis de tema, consentiment, rendiment i passarel·la. El mòbil és una ruta transaccional diferent, no només un escriptori petit.