Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Faire un apercu de votre blog en Rapidesign comme sur les smartphones.

153 appréciations
Hors-ligne
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 !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

31 appréciations
Hors-ligne
Boniblog 

153 appréciations
Hors-ligne
Merci de ta réponse @Montagnac-Béatrice@ !
Https://boniblog.blog4ever.com/forum le meilleur forum du monde !

478 appréciations
Hors-ligne
Bonjour,

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

1414 appréciations
Hors-ligne
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, 

478 appréciations
Hors-ligne
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)

1414 appréciations
Hors-ligne
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, 

747 appréciations
Hors-ligne
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 !
Maelyne - Développeuse & Graphiste Blog4ever

1414 appréciations
Hors-ligne
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

478 appréciations
Hors-ligne
Comme quoi, plus que jamais (et surtout pour moi qui suis nul en  informatique) ce blog d'aide est le bienvenu!

668 appréciations
Hors-ligne


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. 


Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Proposez vos astuces.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6031 autres membres