Comment debug Prestashop en local via son mobile

Récemment, j'ai travaillé pour un client qui avait des besoins trÚs précis en front avec Prestashop. Pour certains détails, le débugger Chrome ne suffisait pas et je devais vérifier avec mon mobile. (le 100vh ne fonctionne pas sur safari mobile..)

Ainsi, il a fallu que je trouve un moyen d'inspecter mon navigateur mobile pour trouver le problĂšme et le corriger.

Trouver l'IP de son ordinateur sur son réseau local

Sur mac:

ou vous pouvez utiliser la commande suivante: ipconfig getifaddr en0

Sur linux:

ifconfig

Sur windows:

google it 🙃

Configuration de prestashop + de votre iPhone

  • Aller dans Back-office > ParamĂštres de la boutique > traffic et SEO
  • Changer les valeurs en remplacant par votre IP:

Actualiser votre site local, il ne devrait pas avoir changé

  • Rentrer votre IP local dans votre navigateur safari mobile
  • Ensuite, aller sur Safari avec votre macbook: PrĂ©fĂ©rences > AvancĂ©s > Voir le menu de dĂ©veloppement dans la barre de menu
  • L'onglet dĂ©veloppeur doit maintenant ĂȘtre disponible, libre Ă  vous de sĂ©lectionner votre iPhone et l'inspecteur d'Ă©lĂ©ment devrait s'ouvrir


in Prestashop Posté le mai 17, 2021