[RÉGLÉ] Pouvez-vous nous dire où est l'erreur dans cette page?

[Isabelle62]

Bonjour à tous,

nous faisons appel à vous car nous avons une erreur qui apparait sur cette page mais nous sommes incapables de dire quelle est l'extension qui la provoque.
Nous sommes très limités en programmation.

Voici la page en question : https://www.guillenphoto.com/cms/sta...-flottant.html

Le problème est que cette erreur empêche le bon fonctionnement de la dernière version de l'extenion FoxContact.
Le développeur nous dit que ce n'est pas de son ressort et qu'il nous faut trouver le problème par nous-mêmes. C'est au delà de nos compétence.

Nous avons joint une copie d''écran de l'errreur vue par Chrome. Ce n'est pas clair pour nous.

Est-ce que quelqu'un pourrait nous aider?

Merci par avance
Bien à vous
Isa

[daneel]

Bonsoir,

il y a quelques erreurs effectivement provoquées par des conflits javascript.
Il faut dire qu'il y a bon nombre de de fichier js dans votre site et l'optimisation n'est pas toujours facile surtout si on ne connait pas l'utilité de ces fichiers.

la console de firefox indique principalement :
- certains éléments sont désactivés à cause du réglage CSP : "strict-dynamic" pour les script-src
- un réglagle dans jch.optimize provoque une erreur dans un fichier js utilisant la librairie jQuery

A mon avis, vous pouvez tester en 30s en desactivant jch pour confirmer, retrouver la liste des paramètres de Content Security Policy (CSP) et trouver la meilleure configuration possible.

Le conseil que je donnerai, c'est avant d'utiliser jch, c'est de faire la liste des fichiers javascript chargés dans vos pages et plus particulièrement celle qui en contiennent le plus comme cette page. Il faut déterminer leur utilité, vérifier si il n'y a pas d'erreurs que l'on aurait oublié. La compression et la mise en cache de jch optimize ne permet pas de régler l'erreur existante mais au contraire d'en générer d'autres si c'est déjà en conflit.

N'oublions pas que Jch permet de fusionner et de deplacer les fichiers javascript "virtuellement" en desactivant les appels vers les fichiers d'origine pour les remplacer par ces propres versions compressées de ces fichiers mis en cache. Il ne modifie pas les fichiers d'origine mais si leur fonctionnement nécessite par exemple qu'il soit chargé dans un certain ordre, il faut exclure ceux qui ne peuvent rentrer dans l'optimisation. D'où un travail un peu fastidieux mais nécessaire. Parfois, le réglage trop poussé peut provoquer des erreurs que l'on peut voir dans la console du navigateur, n'hésitez pas à descendre d'un niveau si nécessaire.

Dans tous les cas, je souhaite bon courage dans votre démarche et heureux de vous revoir, cela fait un moment que je n'ai pas écrit sur le forum.

[Eddy.vh]

Salut daneel.
Ça fait plaisir de te revoir (et pas qu'à moi...) et de te relire.
Welcome Back.

[Isabelle62]

Bonjour Daneel,

nous vous remercions d'avoir pris le temps de répondre à notre question.
Ce matin, nous avons récréer notre site de test.
La page en erreur est maintenant ici: https://dev.guillenphoto.com/cms/sta...-flottant.html

Nous avons désactivé le cache et JCHoptimize. L'erreur est toujours là. Elle se précise. Mais nous ne comprenons toujours pas le sens.
Vous serait-il possible de prendre quelques minutes pour regarder et nous donner une piste sur l'extension qui nous cause ce problème.
Ce qui est très étrange c'est que cette page ressemble à d'autres sur la structure et les extensions utilisées et nous n'avons pas d'erreur.

Par exemple sur cette page, nous n'avons pas d'erreur : https://dev.guillenphoto.com/cms/por...rtistique.html

Alors que sur cette page l'erreur apparait : https://dev.guillenphoto.com/cms/not...la-nature.html

Elles obéissent toutes les deux à la même construction. Nous ne comprenons pas comment c'est possible.

Nous espérons ne pas abuser.
Merci par avance pour votre aide

Bien à vous

[daneel]

Bonjour,

L'animation de l'extension minitek wall provoque déjà un conflit jquery qui n'est pas sur toutes les pages, Fox contact ne doit pas apprécier de fonctionner simultanément et que jch tente de fusionner leurs fichiers. A vous de tester en priorité et de faire les choix qui s'imposent sur les paramètres de jch optimize et sur la présence de minitek wall.

A l'occasion, il faut penser également à corriger votre CSP (vu les remarques annoncées dans la console)


Il y a déjà des éléments évoqués sur le forum et on peut trouver facilement de quoi s'informer sur le sujet

https://blog.dareboost.com/fr/2016/08/comment-implementer-content-security-policy/

https://content-security-policy.com/

Pascal a réalisé une conférence sur les headers lors du joomladay 2019,

https://www.joomladay.fr/2019/programme/conferences/securisation-des-sites-par-les-headers-http

Je ne sais pas si on peut récupérer les infos mais je pense que ce serait pertinent

[Isabelle62]

Bonjour Daneel,

vous vous remercions pour votre réponse très technique et très intéressantes.
Nous venons de contacter le développeur de l'extension Minitek. Il va regarder de plus près de quoi il s'agit.
Sans vous nous aurions été bien incapables de comprendre d'où venait le problème et de ce fait qui contacter. C'est très complexe toutes ces extensions que nous intégrons.
Finalement cette activité d'intégration semble simple à première vue mais on arrive vite à être débordé et ne plus comprendre.

Nous avons aussi regarder ce que vous conseillez sur CSP. Nous n'avons pas compris comment implémenter un tel système. C'est au delà de nos compétences. Nous espérons que Joomla 4 prendra en compte ce système. Nous sommes photographes et nos compétences web sont limitées. CSP fait partie de l'un des domaines dans lequel nous n'allons pas nous investir.

Merci encore une fois pour votre aide si précieuse
Bien à vous

[daneel]

Nous espérons que Joomla 4 prendra en compte ce système.

Bonjour,

Effectivement, bonne nouvelle, ce sera inclus prochainement dans joomla 4 (enfin je l'espère!). Un plugin permet d'éditer les entêtes HTTP avec précision notamment de définir la politique de sécurité du contenu (CSP) mais également d'autres entêtes de sécurité ( contre les attaques de type Cross-site_scripting XSS, détournement de clic...).

J'ai traduit ce plugin l'année dernière et je remercie Sandra d'avoir complété le fichier afin que ce soit inclus dans le package J4 : https://github.com/zero-24/plg_system_httpheader

Bien que la documentation se limite aux liens vers l'excellent site de Scott Helme : https://scotthelme.co.uk/content-sec...-introduction/
On ne manquera pas de vous donner les détails en français.

[Isabelle62]

Cher Daneel,

merci pour ces précisions.
Nous sommes contents d'apprendre que Joomla 4 intégrera cette fonction. C'est un concept très nébuleux pour nous. Nous nous contentons de faire de l'intégration d'extensions pour créer notre site web. Nous avons déjà suffisamment de difficultés à les mettre ensemble. C'est bien que Joomla prenne en compte des internes de cette nature.

Merci pour cette information.
Bien à vous

[Eddy.vh]

Bonjour.
Même si Joomla! 4 intègre ce concept en natif, il n'en faudra pas moins le paramétrer, j'imagine à la même sauce que le plugin lui-même.
Chaque site étant différent et utilisant des fonctions différente, les options du plugin seront différentes d'un site à l'autre et chaque page du site devra faire l'objet d'un test afin de s'assurer si aucun élément ne soit bloqué.

Le paramétrage du plugin dont fait mention daneel se paramètre assez facilement, j'ai craint faire des bêtises moi aussi après son installation et finalement, ce fut plus simple qu'il n'y paraissait.