web-dev-qa-db-fra.com

Empêcher l'affichage de la vue simplifiée Invitez ou travaillez avec une vue simplifiée sur Chrome

J'ai un site Web qui a l'air bien si vu de la façon dont je l'ai conçu. Chaque fois que je visite Chrome depuis Android, on me demande au bas de l'écran de "Afficher la vue simplifiée". Si je clique sur cette invite pour la voir réellement en vue simplifiée, le site n'affichera qu'une nouvelle (il devrait y en avoir 25 sur une page), il supprime tous les contrôles (connexion, ajout d'une nouvelle, commentaires) et le défilement. ne fonctionne plus. Il existe également de nombreux autres problèmes (les titres/images/extraits d'articles ne sont pas concordants, le jeu de couleurs est manquant, etc.) Cela ne se produit que sur Google Chrome, aucun autre navigateur que j'ai testé ne le fait.

Je ne vois pas l'invite à passer à une vue simplifiée sur d'autres sites. Ma préférence serait de placer une balise sur mon site pour ne jamais afficher cette invite. J'ai consulté Google pour cela, mais je n'ai trouvé que des articles sur la manière d'activer la fonctionnalité à partir de Chrome, rien sur la désactivation de la fonctionnalité côté serveur.

Ma deuxième pensée pourrait être de travailler avec cette vue simplifiée et de la rendre fonctionnelle pour les personnes qui souhaitent l’utiliser. Cependant, j'ai lu que cela bloquait également toute publicité et que mon site était uniquement pris en charge par des annonces. C'est donc une seconde lointaine si je ne peux absolument pas empêcher l'invite de s'afficher.

POUR RÉSUMER:

  1. Comment puis-je empêcher l’invite "Afficher la vue simplifiée" ou
  2. En cas d'échec, comment configurer mon site pour qu'il fonctionne avec une vue simplifiée?
htmlcsstwitter-bootstrapgoogle-chromebootstrap-4
4
Johnny Wales

La réponse que j’ai trouvée était de changer la taille de la police en fonction de la largeur du support. Une fois que la taille de la police était suffisamment grande pour être lisible sur le périphérique mobile que j’utilisais, elle ne suggérait plus la vue simplifiée. Le code exact utilisé était: 

@media (max-width: 540px) {
    body {
        font-size:18px !important;
    }
}

Assez simple.

2
Johnny Wales

Remplacez les balises P par div dans votre page. Ce mode est également appelé mode Lecteur. Probablement cette réponse pourrait vous aider.

1
Mukul Bhardwaj

Vérifiez également les paramètres de la fenêtre d'affichage pour les appareils mobiles. J'ai reçu cette fenêtre contextuelle lorsque j'ai modifié l'échelle initiale de la fenêtre d'affichage en 0.6.

Fondamentalement, Google a reconnu que la taille de la police est trop petite. Cela me semble bien, mais probablement pas pour les visiteurs sans une vue parfaite.

<meta name="viewport" content="width=device-width, initial-scale=0.6, maximum-scale=2">

Dans ce cas, changer initial-scale = 1 résoudra ce problème

0
Ryan NZ