Chez oim, forum libre

Discuter => Blabla => Discussion démarrée par: alex le mardi 12 juillet 2016, 09:04

Titre: Maximus23, site responsive, aide
Posté par: alex le mardi 12 juillet 2016, 09:04
Max, j'ai un souci avec ton site http://test-smf.entre-aide.org/ (http://test-smf.entre-aide.org/) que tu passes en responsive.

Je ne peux pas voir comment rend le site avec mon outil "Web Developer" sur différentes résolutions d'écran à cause de l'entête "X-Frame-Options" que tu as défini à SAMEORIGIN.
Je sais ce que c'est que le "clickjacking", le même header est défini ici pour lutter contre ça.

Mais est-ce qu'on pourrait trouver une solution pour que tu retires cet header ?
Je sais pas moi, on pourrait se donner une heure et un jour. Non ? :iz:



Précisions pour les nuls :
Quand vous vous connectez à un site web, celui ci répond en transmettant ce que l'on appelle des headers, des entêtes en français.
Principalement, ces headers avertissent le navigateur de ce qu'il va recevoir. Le plus souvent, un header dira au navigateur qu'une page HTML arrive et un autre header donnera la taille de cette page.

Mais il existe d'autres headers dédiés à la sécurité.
Si un header X-Frame-Options est transmis au navigateur avec un type de paramètre précis, ce navigateur refusera d'afficher le site dans un autre.
Je m'explique : Il existe une technique appelée "clickjacking". Cette technique consiste à afficher une page web dans une autre.
Exemple : Je possède le site example.com et je veux voler les identifiants des membres de chez-oim.org.
Il me suffit d'afficher le site chez-oim.org sur le mien pour tromper l'utilisateur. Ensuite, quand l'utilisateur voudra s'identifier, il me suffira d'afficher une page bien à moi qui imite le look de chez-oim.org.
Et voilà ! En moins de temps qu'il en faut pour le dire, j'ai volé des identifiants !

C'est à ça que sert l'header X-Frame-Options.
Selon son paramétrage, il demande au navigateur de ne pas afficher d'autres sites que celui qui figure dans la barre d'adresse.
Titre: Maximus23, site responsive, aide
Posté par: Songe le mardi 12 juillet 2016, 09:21
C'est quoi un résponsive ?  :iz:
Titre: Maximus23, site responsive, aide
Posté par: alex le mardi 12 juillet 2016, 09:30
Ah mince ! On a parlé du responsive mais pas sur ce post.
Regarde là, ma chérie, pour avoir la définition du responsive design (https://chez-oim.org/index.php/topic,1632.msg17811.html#msg17811). ;)

Si tu as des questions, je suis là. :)
Titre: Maximus23, site responsive, aide
Posté par: maximus23 le mardi 12 juillet 2016, 12:40
Bonjour,

Ok on verra dès que j'aurai encore avancé un peu. Il me reste les medias queries pour les menus à faire en css3. Le corps du forum lui est refait.

La commutation automatique vers un autre thème orienté mobile lui est ok donc fini Tapatalk....  :aa

Pour le thème principal tout est refait avec le mode hover touch ainsi pas besoin de viser les liens on clique sur le bloc incluant le lien.

Sur ma 50aine de modules les 3/4 sont repassés en css3 et en responsive. Je vais revoir aussi les modules Uploads Management, Glossaire et Fiches pour qu'ils soient adaptatifs mais là ce sera pour la fin.

Fin du mois j'aurai un peu de temps donc on verra pour finaliser cela.

Mais bon ce p...t... de css3 avec ces foutus navigateurs et la multitude de modes mobiles c'est une vraie galère  :gm:

 :gh:
Titre: Maximus23, site responsive, aide
Posté par: alex le mardi 12 juillet 2016, 15:22
Ah tu changes de thème pour les mobiles. Attention au duplicate content !

Meuh non ! Il est gentil tout plein le CSS3.
C'est une instruction CSS par navigateur, c'est génial ! ^-^

Titre: Maximus23, site responsive, aide
Posté par: maximus23 le mardi 12 juillet 2016, 16:31
Non pas de duplicate content impossible car quand on bascule d'un côté on verrouille l'autre donc Google mobile et Google truc chose sont séparés.

Je ne parviens pas à me décider pour la définition des écrans en mq je mettrais < 600 ? ou je ferai des tranches de 600 / 400 pour les menus je vais certainement faire un bouton principal d'appel au menu déroulant...

Qu'est ce qu'on se marre ... :gh: :gh: :gh:
Titre: Maximus23, site responsive, aide
Posté par: alex le mardi 12 juillet 2016, 16:38
La meilleure façon d'échapper au duplicate, c'est de définir une URL canonique pour la page.
C'est ce que je fais ici et j'ai aucun souci. SMF le fait en natif, mais c'est mal foutu, faut l'améliorer.

Pour la résolution, je ne m'emmerde pas.
Si c'est inférieur à 1024px de large, je considère que c'est un téléphone.
Aujourd'hui, les plus vieux PC utilisés font 1.024 de large. Le reste, c'est de l'appareillage mobile. :iz:
Titre: Maximus23, site responsive, aide
Posté par: maximus23 le mardi 12 juillet 2016, 16:43
Avec Chrome tu sais voir le basculement automatique tu vas sur le site et tu passe en outil de développement et couic sur le mobile :)

Titre: Maximus23, site responsive, aide
Posté par: alex le mardi 12 juillet 2016, 16:50
J'utilise très peu Chrome. J'aime pas. Je soupçonne Google de faire de l'espionnage avec son navigateur.
C'est comme Microsoft avec IE. Et en plus, IE est une grosse merde. :D

Je suis Opera ou Firefox. ;)
J'utilise TOR aussi (qui est Firefox), mais ça faut pas le dire. Tu le dis pas, hein ?! Je compte sur toi ! :gj:
C'est comme les clients VPN, j'en ai presque pas ! :-X

Titre: Maximus23, site responsive, aide
Posté par: maximus23 le mardi 12 juillet 2016, 20:11
R test tablette
(https://static.chez-oim.org/uploads/member_248/1468347083.jpg)


Edit : Message mis avec le mobile pour un test sur ton site cela aurait du être mis ici : https://chez-oim.org/index.php/topic,1689.0.html mais même avec mes lunettes j'arrive pas à lire correctement le forum. Si je zoom ben y a plus qu'un morceau...  :jq: :iw:

Déplace le merci :)

Ps regarde dans ton log Smf j'ai gatouillé pendant un temps fou pour me connecter avec le mobile il me mettait certificats non conformes et mettait mon mot de passe en erreur... :ia:

Titre: Maximus23, site responsive, aide
Posté par: gurgle le mardi 12 juillet 2016, 21:04
j'ai l'impression que ce forum devient peu à peu le remplaçant du paradis du geek.. je ne comprends plus rien!
Titre: Maximus23, site responsive, aide
Posté par: Songe le mercredi 13 juillet 2016, 08:12
On est 2  ^-^
Titre: Maximus23, site responsive, aide
Posté par: alex le mercredi 13 juillet 2016, 12:04
Ah non ! Pas ça ! Pas le paradis du geek ! :gk:
Je passe mon temps sur le PC, alors quand je viens ici, j'aimerais bien qu'on cause d'autre chose. :iq:

@Max :
C'est quoi cette photo de test tablette ? Ca ressemble pas du tout à mon site, ou alors j'ai fait une grosse boulette ! :je:
Comment ça tu vois qu'un morceau en zoomant ? Je comprends pas... :-\
Tu as des problèmes de vue ou quoi ? Sophie vois bien, Dominick aussi, et les quelques copains de Marseille qui ne m'ont pas envoyé péter avec mon site, aussi. :iz:

J'ai vu que tu as eu 3 tentatives de connexion avec mot de passe erroné.
Qu'est-ce que c'est encore que cette histoire de certificats avec les mobiles ? :??
Au pire, je vais virer le SSL sur la page de connexion. C'est suffisamment sécurisé comme ça.
Titre: Maximus23, site responsive, aide
Posté par: maximus23 le mercredi 13 juillet 2016, 15:08
Bonjour,

La photo est sans importance c'est un truc qui trainait sur la tablette et qui est d'origine par dessus le marché. C'était juste pour faire un test d'envoi avec un mobile et voir comment se comportait les images et le module d'envoi.

Ma vue est parfaite ne t'inquiète pas mais bon j'ai pas envie de prendre une loupe pour lire certaines choses :)

J'ai mis sur mon site de test une fonction "lettring resize" qui permet d'agrandir ou de diminuer uniquement la police de caractère comme cela tout le monde peut lire même ceux qui ont un problème de vue.

Pour le défaut de certificat la je ne sais pas te mettre une copie écran car il bloque le mobile avec le message...

:)
Titre: Maximus23, site responsive, aide
Posté par: alex le mercredi 13 juillet 2016, 19:32
Ah oui, c'est pas con le bidule qui grossi la police style WordPress.
Comme ça, les gens qui ont des yeux de rapaces ou les aveugles peuvent voir. :if:

Il y a un mod pour ça ou il faut que je le fasse ? :gt:

Pour le certificat, pas besoin de capture, je vois le problème, même si j'ai du mal à le comprendre.
Le certificat est en règle, je ne vois pas pourquoi il déconne sur mobile. :iz:
Titre: Maximus23, site responsive, aide
Posté par: alex le jeudi 14 juillet 2016, 12:20
SVP, ce topic est destiné au site de Max.
Ne postez donc que des réponses en relation avec son site, MERCI.
Son site est ici (http://test-smf.entre-aide.org/). :ij:

Pour mon site, celui où vous êtes maintenant, ça se passe ici :
Modification du site pour utilisation sur mobile. Appel à la communauté (https://chez-oim.org/index.php/topic,1689.0.html).
:if:
Titre: Maximus23, site responsive, aide
Posté par: alex le jeudi 14 juillet 2016, 12:25
Max, je crois que ton site à des soucis pour le responsive.
J'ai l'impression qu'il ne supporte pas les trop basses résolution.

Il faudrait que tu retires cet header "X-Frame-Option" pour que j'en sois sûr et te faire des captures.

Je ne sais pas si SMF ajoute cet header dans index.php, il me semble que oui.
Moi, ça fait des lustres que je le fais ajouter par Apache. :iz:
Titre: Maximus23, site responsive, aide
Posté par: maximus23 le jeudi 14 juillet 2016, 18:37
Bonsoir,

En basse résolution pour le moment tu ne devrais pas le voir comme tu le vois en mode desktop car il commute sur mobile.

Je n' ai pas encore mis les médias quéries sur le site de test pour le moment car je pense refaire des menus comme entre-aide en mode mac/os là il passe en responsive sans soucis. De plus je dissocie tout mes css pour plus de compréhension et de débogage car dédoubler tout dans un seul css pour moi c'est pas très synoptique.

Donc j'essaye de trouver une solution de sobriété et de graphisme en même temps mais le problème est toujours le même je dois gérer plus de 10 navigateurs et là je suis un peu dégouté pour le moment car quand cela est nickel d'un côté cela déconne de l'autre.

J'ai regardé aussi du côté des librairies genre Bootstrap mais je ne suis pas convaincu par leur efficacité elles reprennent entre autre le codage Rail ce qui doit faire sourire notre ami SongBird  :go:

Il y a une 10 de librairie mais j'aime bien faire mon code et mes classes moi même.
:) :jq: :jr: :jc: :iw:
Titre: Maximus23, site responsive, aide
Posté par: alex le vendredi 15 juillet 2016, 11:47
Boostrap, ça marche plutôt bien.
C'est que je pensais faire ici. Mais le boulot est beaucoup plus long. :iz:
Titre: Maximus23, site responsive, aide
Posté par: alex le jeudi 21 juillet 2016, 14:19
Je repense à ton site.

Comment ça se fait que tu utilises l'user-agent pour passer en version mobile ? Tu as pris un thème disponible et tu l'as adapté ?

Franchement, le coup de l'user-agent, je ne sais pas si c'est la meilleure méthode. Je pense qu'il vaut mieux s'appuyer sur la largeur de l'écran.
Sinon, ça t'oblige à tenir à jour la liste des user-agent...

Bon, je sais, tu ne prends l'user-agent complet. Juste des mots clés dans cet user-agent, enfin j'espère que tu fais comme ça ! ::)
Mais si un nouvel appareil sort, avec un nouvel user-agent, il passera comme Desktop tant que tu n'es pas à jour.

Google utilise l'user-agent pour savoir si tu fais une recherche avec un mobile ou un PC, mais eux savent tout. Si un nouvel appareil sort sur le marché, ils auront l'user-agent avant que les gens n'aient acheté l'appareil... :iz:

Titre: Maximus23, site responsive, aide
Posté par: maximus23 le jeudi 21 juillet 2016, 15:06
Bpnjour,

Oui c'est une méthode que je mets en test simplement pour avoir un peu tout les types de gestion pour le passage sur mobile. Je fais aussi des trucs pour améliorer certains modules qui sont faits depuis belle lurette mais plus tenu à jour. Je dois en général tout reprogrammer à cause de ce foutu droit de licence pour la plupart des mods qui sont sans licence intégrée donc en full licence propriétaire. On a déjà eu maintes débats avec Smf mais là pas de solutions trouvées à part contacter les auteurs .... qui ont disparu depuis les temps ancestraux.. :it:

En tant que support Smf je teste tout car j'ai horreur de donner un truc qui foire. J'ai plus de 150 sites en actif pour des modifications diverses et plus d'une centaine de mods privés (pas le temps de faire un support pour tous) mais là maintenant j'essaye que le webmaster se mouille un minimum car c'est bien d'avoir un forum mais le mieux est de savoir le gérer sois même. Mais là quand tu abordes des choses assez technique genre responsive ou mobile ils sont tous rivés sur Tapatalk car pas de connaissance et cela fonctionne de plus c'est gratuit maintenant. Donc moi aussi je les dirige vers ce genre d'outil.

La version 2.1 devrait être full responsive ainsi que les futurs thèmes qui devront être approuvé.

Donc on verra un peu les systèmes futurs employés.

Pour moi c'est du code donc cela ne m'inquiète pas on m'a déjà demandé tellement de trucs incroyables que je connais tout cela par cœur et la structure de programmation de Smf est bien faite malgré les quelques bugs rencontrés.

 :jq:

Titre: Maximus23, site responsive, aide
Posté par: alex le jeudi 21 juillet 2016, 15:29
Les mecs doivent absolument s'y mettre.
On ne peut pas être webmaster et ne rien y connaitre. Si demain tu adhères à la secte daech, ils font comment les autres ? Ils pleurent dans les jupes de leur maman ?
Et pourtant SMF est un CMS très facilement modifiable.



Perso, les user-agent pour du responsive, je ferais pas. C'est la taille écran qui compte, pas l'appareil ni le navigateur.



La 2.1 responsive ? Ca va retarder sa sortie !
Parce que pour l'instant, elle ne l'est pas du tout.

Quand je vois les mecs sur le forum SMF qui me répondent que si il n'y a pas de mise à jour pour la 2.0.11, c'est que SMF est super bien, y a pas de bug, tout va bien !
Pffff ! Rien que pour PHP 7, une mise à jour se justifie. Le reste, je ne préfère pas en parler en public... ::)



C'est vrai que SMF est bien, il est très bien commenté et donc très facilement modifiable. Il suffit juste de s'y intéresser, c'est tout.


EDIT
J'ai tiré des traits entre chaque réponse pour que tu t'y retrouves. ;)
P'tain ! J'en ai chié pour faire des traits droits sans une règle sous la main, bou diou ! :ge:
Titre: Maximus23, site responsive, aide
Posté par: maximus23 le jeudi 21 juillet 2016, 15:34
Perso, les user-agent pour du responsive, je ferais pas. C'est la taille écran qui compte, pas l'appareil ni le navigateur.
Justement on peut combiner les deux assez facilement donc je dis pourquoi ne pas en profiter. Ils peuvent être complémentaires surtout quand tu vois certains mobiles qui ont des spécifications assez barbares.

:)
Titre: Maximus23, site responsive, aide
Posté par: alex le jeudi 21 juillet 2016, 15:43
Le bordel avec l'user-agent, c'est que t'es obligé de le coder et de faire une partie PHP mobile alors que ça peut se faire simplement en CSS.
Bien sûr, le CSS n'empêche pas de coder, mais ça simplifie la vie. C'est juste des classes CSS à ajouter là où il faut dans le code, bricoler 2 ou 3 lignes de code, mais pas plus.

En plus, avec l'user-agent, il faut tenir la liste à jour.
Titre: Maximus23, site responsive, aide
Posté par: PatrickNed le lundi 10 septembre 2018, 03:39
Hello
Titre: Maximus23, site responsive, aide
Posté par: alex le lundi 10 septembre 2018, 11:25
Ouais, d'accord, salut ! :ik:


PS :
Si tu veux un conseil, change d'IP. Elle apparait sur toutes les blacklists SPAM. :iz:


(https://static.chez-oim.org/uploads/member_1/stock1/1536571937.png)