Blog e-commerce - Joptimisemonsite
  • Trucs & Astuces
    • Design
    • Monétisation
    • Divers
  • UX/UI
    • Tests A/B
  • Astuces SEO
  • Dropshipping
  • Débuter en e-commerce
    • Wizishop
    • Prestashop
    • Shopify
    • Wix
    • Solutions de paiement e-commerce
  • Email Marketing
Aucun résultat
Voir tous les résultats
Blog e-commerce - Joptimisemonsite
  • Trucs & Astuces
    • Design
    • Monétisation
    • Divers
  • UX/UI
    • Tests A/B
  • Astuces SEO
  • Dropshipping
  • Débuter en e-commerce
    • Wizishop
    • Prestashop
    • Shopify
    • Wix
    • Solutions de paiement e-commerce
  • Email Marketing
Aucun résultat
Voir tous les résultats
Blog e-commerce - Joptimisemonsite
Aucun résultat
Voir tous les résultats

Tester un site mobile ou responsive design sur PC, c’est facile !

Sébastien BLERIOT par Sébastien BLERIOT
15 février 2018
dans Trucs & Astuces
Temps de lecture : 3 mins
0
afficher-site-mobile-sur-pc

Lorsqu’on a la responsabilité opérationnelle d’une création ou d’une refonte de site internet, on passe forcément par la case « recette ». La recette, c’est réaliser des scénarios de navigation pour tester un site internet et identifier les éventuels bugs qui pourraient intervenir.

Avec l’avènement du mobile, les sites responsive design sont devenus la norme. Un site responsive design est un site qui s’adapte au device de l’utilisateur: pc, tablette, smartphone (ou téléphone intelligent, comme diraient les Québécois). Ainsi, lorsqu’on effectue une recette d’un site de vente en ligne, il est désormais indispensable de tester la version responsive de celui-ci.

Cependant, recetter un site depuis son téléphone, c’est galère (et je suis sûr que tous ceux qui sont passés par là acquiesceront vivement). Surtout lorsque votre agence vous demande des captures d’écrans des différents problèmes que vous avez pu détecter. En effet, il faut faire une capture d’écran du bug identifié et se l’envoyer par e-mail, surtout si notre outil de ticketing qui date de Mathusalem n’est pas du tout adapté à un device mobile.

Mais alors, comment tester un site responsive design sur PC ? Comment peut-on facilement avoir accès à une version mobile de son site responsive depuis un desktop ? Je rédige aujourd’hui cette rapide brève pour vous liver la réponse.

tester-site-responsive-sur-pc-site-mobile

Tester le responsive design d’un site dans son navigateur sur PC, c’est possible !

Lorsqu’on travaille dans le domaine du marketing digital, on utilise généralement les navigateurs Firefox ou Chrome. Ces deux navigateurs ont l’avantage d’être généralement plus rapide et disposent d’un parc d’extensions qui permettent d’agrémenter notre navigation.

Je vous monterai ainsi la technique pour tester le responsive design d’un site depuis ces deux navigateurs. Vous allez voir, c’est vraiment très simple ! Pourquoi ? Parce que Google Chrome et Mozilla Firefox ont tous les deux intégrés un émulateur, c’est à dire un outil qui permet de substituer une interface dans une autre interface. En français, ça veut dire que vous pouvez simuler l’utilisation d’une interface mobile dans votre navigateur PC.

Et pour accéder à cet émulateur, il suffit de faire la manipulation suivante:

L’émulateur de Google Chrome

Pour Google Chrome, la manière la plus simple de simuler une interface mobile sur son PC, c’est de passer par le chemin suivant:

menu > Outils > Outils de Développement

Pour les amateurs de raccourcis clavier, il suffit de taper Ctrl + Maj+ i pour y accéder.

Une fois cette interface ouverte, il vous suffira de cliquer sur l’icône « Responsive » et de choisir le format que vous souhaitez tester:

tester-site-mobile-sur-pc

 

L’émulateur de Firefox

Pour le navigateur Firefox, la manip est encore plus simple car il suffit de cliquer sur:

menu > Développement web > Vue adaptative

Encore une fois, pour les amateurs de raccourcis, il faut taper Ctrl + Maj+ m

En cochant cette case, vous pourrez tester un site responsive design sur PC et simuler plusieurs modèles en quelques clics seulement.

tester-site-responsive-navigateur-pc

 

Article précédent

3 idées pour optimiser la conversion de votre site e-commerce

Article suivant

Gestionnaire de flux: est-ce indispensable pour vendre sur les marketplaces ?

Sébastien BLERIOT

Sébastien BLERIOT

Evoluant en e-commerce depuis plus de 9 ans maintenant, j'ai profité de mes différentes expériences chez Rueducommerce et Next Interactive (BFM TV, RMC, 01net) et ELEGIA Formation pour développer mon expertise de la vente en ligne en B to C et B to B. J'accompagne désormais des e-commerçants dans l'optimisation de leur stratégie e-commerce. Je propose mes services en qualité de consultant mais également en tant que formateur/conférencier.

Vous pourriez également être intéressé par...

Humaniser-site-e-commerce
Trucs & Astuces

E-commerce: pourquoi humaniser votre site sera un levier de croissance pour votre activité

8 août 2017

Maintenant que le e-commerce est rentré dans les habitudes de consommation des internautes, la...

Quel est le (vrai) Prix d’un Site internet en 2024 ?
Débuter en e-commerce

Quel est le (vrai) Prix d’un Site internet en 2024 ?

4 décembre 2023

Chaque année, le nombre de site internet continue de croître à un rythme soutenu....

Trucs & Astuces

Cet outil simple et gratuit qui vous permettra de détecter une grande partie de vos problèmes d’usabilités

14 juin 2016

Lorsqu'on s'occupe d'un site internet, qu'il soit e-commerce ou non, il d'être toujours vigilent...

Prestashop: les 5 modules SEO indispensables en 2023
Astuces SEO

Prestashop: les 5 modules SEO indispensables en 2023

8 juillet 2015

Cela faisait longtemps que je n'avais pas parlé de Prestashop et des modules indispensables...

DERNIERS ARTICLES

Comment choisir le meilleur serveur VPS ?

Comment choisir le meilleur serveur VPS ?

21 août 2025
E-commerce : pourquoi choisir le SMS professionnel pour optimiser sa communication ?

E-commerce : pourquoi choisir le SMS professionnel pour optimiser sa communication ?

17 juillet 2025
En Guadeloupe, le numérique s’impose comme une priorité stratégique

En Guadeloupe, le numérique s’impose comme une priorité stratégique

30 juin 2025
Formation TikTok E-commerce : La méthode ULTIME pour percer

Formation TikTok E-commerce : La méthode ULTIME pour percer

7 mai 2025
Comment vendre en ligne ? Les 6 étapes des boutiques à succès

Comment vendre en ligne ? Les 6 étapes des boutiques à succès

7 mai 2025

Newsletter

Abonnez-vous à la newsletter de Joptimisemonsite et recevez, chaque semaine, les dernières actualités publiées.

ARTICLES POPULAIRES

btob

Le BtoB, c’est quoi ? Comprendre le B to B en 2min seulement

25 septembre 2024
Dropshipping rentable

5 Exemples de Sites Dropshipping qui cartonnent en 2024 !

1 décembre 2023
wix avis

Wix Avis 2024 – Faut-il (encore) choisir Wix ?

25 septembre 2024
exemple charte graphique

3 superbes exemples de charte graphique à copier en 2024

9 décembre 2023
odoo-avis

Odoo Avis 2024 : faut-il choisir Odoo pour sa PME ?

9 novembre 2023

Le blog e-commerce qui vous aide à vendre plus !

SHOPIFY VS AUTRES CMS

  • Shopify Avis
  • Shopify ou Prestashop
  • Shopify ou Squarespace
  • Shopify ou Wizishop
  • Shopify ou Woocommerce
  • Shopify ou WordPress
  • Shopify ou Wix

WIX VS LES AUTRES CMS

  • Wix ou Jimdo
  • Wix ou Squarespace
  • Wix ou WordPress
  • Wix ou Weebly
  • Wix eCommerce
  • Wix Dropshipping

NEWSLETTER

Abonnez-vous à la newsletter de Joptimisemonsite et recevez, chaque semaine, les dernières actualités publiées.

  • Envie de nous contacter ?
  • Mentions légales et politique de confidentialité

Joptimisemonsite © 2024

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In
Aucun résultat
Voir tous les résultats
  • Trucs & Astuces
    • Design
    • Monétisation
    • Divers
  • UX/UI
    • Tests A/B
  • Astuces SEO
  • Dropshipping
  • Débuter en e-commerce
    • Wizishop
    • Prestashop
    • Shopify
    • Wix
    • Solutions de paiement e-commerce
  • Email Marketing

Joptimisemonsite © 2024