Developpez.com

Le Club des Développeurs et IT Pro

Introduction aux WebExtensions - Modifier le Web et le fonctionnement des pages grâce à XSLT et JavaScript

Un tutoriel de Julien GARDERON

Le 2018-10-15 13:29:19, par Malick, Community Manager
Chers membres du club,

J'ai le plaisir de vous présenter ce tutoriel de Julien GARDERON :

Introduction aux WebExtensions
Modifier le Web ou l’interception des requêtes et du fonctionnement des pages Web
et la transformation du contenu grâce à XSLT et JavaScript
Ce tutoriel expliquera comment modifier les requêtes reçues (en réalité, vous pouvez également contrôler celles envoyées, les intercepter, en produire d’autres…). Cependant ce n’est pas la modification en tant que telle qui est intéressante même si, pour beaucoup de développements en Web, c’est déjà un changement de paradigme. C’est appréhender une vision radicale des « pages » du Web au profit d’une gestion des ressources offertes par le réseau et de l’utilisation de l’ensemble des « contenus » du navigateur.

Cet article aborde le sujet d’extensions à votre navigateur avec des concepts poussés et de nombreux chausses-trappes même pour un développeur JS expérimenté. Cela n’indique pas que ce tutoriel leur est réservé, mais un certain niveau de connaissances est recommandé pour saisir pleinement les imbrications et comprendre que certaines « limitations » que j’expose, sont en réalité des nécessités absolues.

Bonne lecture

Retrouvez les meilleurs cours et tutoriels pour apprendre le développement Web
  Discussion forum
6 commentaires
  • Nothus
    Membre émérite
    Envoyé par VinnieMc
    Bonjour,

    J'ai essayé de développer une extension pour mon propre usage il y a un certains temps, mais lorsque j'installais la webExtension au prochain redémarrage elle n'était plus là, ce n'était qu'une installation temporaire. Il ne me semble pas que l'article le mentionne, est-ce le cas ici aussi ou ces extensions s'installent de manière durable?

    Merci.
    Bonjour,

    En effet il faut "signer" les WebExt pour pouvoir profiter d'une installation définitive (en tout cas par une procédure normale).

    https://developer.mozilla.org/fr/doc...r_WebExtension
    https://developer.mozilla.org/fr/doc..._the_Add-on_ID
    https://developer.mozilla.org/fr/doc...bution_options

    J'espère que cela répond à tes questions ?

    Julien.
  • VinnieMc
    Membre habitué
    Bonjour,

    J'ai essayé de développer une extension pour mon propre usage il y a un certains temps, mais lorsque j'installais la webExtension au prochain redémarrage elle n'était plus là, ce n'était qu'une installation temporaire. Il ne me semble pas que l'article le mentionne, est-ce le cas ici aussi ou ces extensions s'installent de manière durable?

    Merci.
  • Doksuri
    Expert confirmé
    Salut,

    quelle est la difference entre une "webextension" et un extension (qu'on ajoute a chorme ou firefox (ou autre) ) ?

    de plus dans la section II-B-2
    Voici l’URL sur laquelle travaillé
    => je crois que c'est travailler
  • Malick
    Community Manager
    Salut,

    Envoyé par Doksuri

    de plus dans la section II-B-2
    => je crois que c'est travailler
    C'est corrigé. Merci
  • Nothus
    Membre émérite
    Envoyé par Doksuri
    Salut,

    quelle est la difference entre une "webextension" et un extension (qu'on ajoute a chorme ou firefox (ou autre) ) ?

    de plus dans la section II-B-2
    => je crois que c'est travailler
    "Facialement" pour l'utilisateur aucune ; seule la technologie change derrière. Il s'agit d'harmoniser les API entre navigateurs (l'objectif premier) et avoir des magasins d'applications certifiant toujours plus sécurisés (objectif secondaire, en réalité principal pour Google).

    Le périmètre des extensions entre ancienne et nouvelle génération (le "pourquoi faire" d'une extension, son possible), c'est aussi très différent. Il s'agit d'une étape vers l'harmonisation des navigateurs entre eux (éviter de développer des extensions de fonctionnement différent entre chaque navigateur), et de communiquer sur un navigateur qui devient en quelque sorte une "porte d'entrée" d'applications comme un smartphone (installation "un clic".

    C'est ce que j'en ai retenu...
  • VinnieMc
    Membre habitué
    Envoyé par Nothus
    Bonjour,

    En effet il faut "signer" les WebExt pour pouvoir profiter d'une installation définitive (en tout cas par une procédure normale).

    https://developer.mozilla.org/fr/doc...r_WebExtension
    https://developer.mozilla.org/fr/doc..._the_Add-on_ID
    https://developer.mozilla.org/fr/doc...bution_options

    J'espère que cela répond à tes questions ?

    Julien.
    Super, merci pour les liens.