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