Attention ! Ne cliquez pas sur ce lien, c'est un piège à enfoirés du net !

Chez oim, forum libreChez oim, forum libre

 
Pages: [1] 2  Toutes   En bas

Auteur Sujet: Maximus23, site responsive, aide  (Lu 5889 fois)

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« le: mardi 12 juillet 2016, 09:04 »
le: mardi 12 juillet 2016, 09:04

Max, j'ai un souci avec ton site 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.
Signaler au modérateur   IP archivée

Songe

  • Observateur
  • Pipelette intarissable
  • ********
  • Hors ligne Hors ligne
  • Messages: 6.076
  • Chérie officielle chez oim !
Maximus23, site responsive, aide
« Réponse #1 le: mardi 12 juillet 2016, 09:21 »
le: mardi 12 juillet 2016, 09:21

C'est quoi un résponsive ?  :iz:
Signaler au modérateur   IP archivée
Levez la tête, je suis là tout en haut.. Je vous salue depuis le phare.

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #2 le: mardi 12 juillet 2016, 09:30 »
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. ;)

Si tu as des questions, je suis là. :)
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #3 le: mardi 12 juillet 2016, 12:40 »
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:
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #4 le: mardi 12 juillet 2016, 15:22 »
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 ! ^-^

Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #5 le: mardi 12 juillet 2016, 16:31 »
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:
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #6 le: mardi 12 juillet 2016, 16:38 »
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:
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #7 le: mardi 12 juillet 2016, 16:43 »
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 :)

Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #8 le: mardi 12 juillet 2016, 16:50 »
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

Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #9 le: mardi 12 juillet 2016, 20:11 »
le: mardi 12 juillet 2016, 20:11

R test tablette



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:

Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

gurgle

  • Invité
Maximus23, site responsive, aide
« Réponse #10 le: mardi 12 juillet 2016, 21:04 »
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!
Signaler au modérateur   IP archivée

Songe

  • Observateur
  • Pipelette intarissable
  • ********
  • Hors ligne Hors ligne
  • Messages: 6.076
  • Chérie officielle chez oim !
Maximus23, site responsive, aide
« Réponse #11 le: mercredi 13 juillet 2016, 08:12 »
le: mercredi 13 juillet 2016, 08:12

On est 2  ^-^
Signaler au modérateur   IP archivée
Levez la tête, je suis là tout en haut.. Je vous salue depuis le phare.

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #12 le: mercredi 13 juillet 2016, 12:04 »
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.
Signaler au modérateur   IP archivée

maximus23

  • Observateur
  • Pipelette invétérée
  • *******
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 2.509
  • Grand chevalier du mot de passe
      • ®Smf® Solutions
Maximus23, site responsive, aide
« Réponse #13 le: mercredi 13 juillet 2016, 15:08 »
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...

:)
Signaler au modérateur   IP archivée
Amitiés et à bientôt...
Have a nice day...

alex

  • Administrateur
  • Moulin à paroles
  • ********
  • Hors ligne Hors ligne
  • Sexe: Homme
  • Messages: 23.065
  • Proprio officiel chez oim !
Maximus23, site responsive, aide
« Réponse #14 le: mercredi 13 juillet 2016, 19:32 »
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:
Signaler au modérateur   IP archivée
Pages: [1] 2  Toutes   En haut
 

Page générée en 0.173 secondes avec 19 requêtes.