Blog d'aide de Blog4ever

Vous aimeriez surement savoir comment voient les visiteurs votre blog sur leur smartphones ? eh bien, c'est simple, zoomez avec CTRL - Roulette de la souris j'usque à atteindre 170. A bientôt !

:b1:Boniblog 

Merci de ta réponse @Montagnac-Béatrice@ !

Bonjour,

Je ne suis pas sûr d'avoir compris... Ce n'est pas plutôt l'inverse ?

Bonjour Robert, 

C'est bien comme dit Boni, J'ai comparé avec le smartphone de mon zhom, Et effectivement, les pages dont l'ergonomie est bonne selon search console de gogole, s'affichent bien, les autres ça se chevauche, comme sur le pc avec le zoom à 175, 

Bon après-midi, 
Mi Neth, 

Bonjour Mi Neth,

Donc, si j'ai bien compris, vu que je peux zoomer les pages de mes trois blogs jusque 500%  sans obtenir le moindre chevauchement, ça veut dire qu'ils s'affichent correctement sur un smarphone? (ce que je ne peux vérifier, puisque je ne dispose d'aucun téléphone portable)

Bonsoir Robert, 

Oui, Du moins, me concernant, Ce que donne certaines de mes pages à 175% sont fidèles aux mêmes pages consultées sur le sphone de mon zhom, Après cela dépend peut-être des appareils,  Mais je ne pense pas que les différences, qu'il peut y avoir, soient marquantes, J'ai un pc 15" lui un sphone 8", 
Ce que je peux te dire, C'est que si en zoomant à 150% ça commence à se rapprocher, voire à se chevaucher, tu peux être sûr que le rendu sur sphone sera quasi, le même, 
Bonne soirée, 
Mi Neth, 

Bonsoir,

En fait, l'astuce n'est pas vraiment fiable parce que les media queries utilisées en CSS pour adapter l'affichage se basent sur la taille d'affichage disponible (en fonction de la résolution d'écran, généralement mais surtout par rapport aux dimensions de la fenêtre). Donc en fonction de la résolution de l'écran, le zoom nécessaire pour déclencher ces media queries sera variable. D'autre part, le zoom changeant la taille des éléments, vous pouvez avoir des résultats bizarres, comme des chevauchements, qui ne se produiront pas sur un affichage mobile parce que les éléments gardent leur échelle normale.

De manière simple, vous pouvez déjà en changeant simplement les dimensions de la fenêtre du navigateur réussir à avoir une idée du résultat de l'affichage sur mobile. Après, il y a des outils plus avancés à disposition dans les outils de developpement des navigateurs (F12 sur Firefox et Chrome). Dans ces outils de développement, vous avez une fonctionnalité de simulation d'écran d'appareil mobile, avec généralement une petite liste d'appareils les plus répandus à disposition pour imiter la taille de l'écran de l'appareil.

Bonne nuit !

Bonsoir ,
C'est bon à savoir, Je ne savais pas pour la fonction F12, 
Merci de ces précisions, 
Bonne fin de soirée, 
Mi Neth, 

Edit, Je viens de constater que mes petites images de pattounes qui remplacent les images bulles des catégories de forum redeviennent des bulles lorsque que l'on clique sur la touche F12 ou que l'on zoome dès 125%, J'en conclus que ça impacte le rendu du css selon la résolution, même s'il s'agit du même navigateur, 

Dernière modification le mercredi 21 Avril 2021 à 23:11:52

:bd: Comme quoi, plus que jamais (et surtout pour moi qui suis nul en  informatique) ce blog d'aide est le bienvenu!

:bd:

L'astuce avec le zoom donne une vague idée. Et c'est pas mauvais comme début de test.

Mais comme le dit Maelyne, les Outils de développement des navigateurs sont là pour ça. Ils sont plus fournis et fiables.

C'est ce que j'ai utilisé après avoir décidé de modifier complètement mon blog, afin de le rendre plus lisible sur smartphone. Vraiment efficace.

Il y a même un simulateur CSS et HTML qui permet de faire des tests de codes avant les appliquer. Le résultat est directement visible.

Je passe toujours par là quand je veux essayer quelque chose de nouveau. Cela me fait gagner beaucoup de temps, et m'évite de prendre des risques avec le CSS de mon blog. 

:am:
:bye: