Présentation effectuée aux JDLL (Journées du Logiciel Libre) 2017 par Christophe Villeneuve sur "Les WebExtensions et Firefox".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
Présentation effectuée à la Ubuntu Party 17.04 de Paris par Christophe Villeneuve sur "Firefox et les WebExtensions".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
Talk made at the UbuCon Europe Paris September 2017 by Christophe Villeneuve on "WebExtensions: Where are we?".
This is a presentation to see the advanced WebExtensions in Mozilla Firefox
Présentation effectuée à la UbuCon Europe Paris Septembre 2017 par Christophe Villeneuve sur "WebExtensions : Où en est-on ?".
Il s'agit d'une présentation pour voir l'avancé des WebExtensions dans Mozilla Firefox
Talk made at meetup Mozilla Paris octobre 2017 by Christophe Villeneuve on "Introduction aux webExtensions".
La présentation a pour but d'aider à mieux appréhender ces nouvelles extensions, les impacts et les possibilités offertes dans le navigateur, les emplacements disponibles, le tout cadencé de cas exemples.
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "Contribuer à Mozilla avec ou sans connaissance technique".
Il s'agit d'une présentation pour montrer les différentes possibilités de contribuer aux projets Mozilla
Présentation effectuée à la Cookie Party 2017 par Christophe Villeneuve sur "Les écrans animés dans les navigateurs".
La présentation a pour but de montrer comment utiliser les webExtensions dans l'animation avec des fonctionnalités expérimentales.
Présentation effectuée au Hackathon Mozilla FR 2017 par Christophe Villeneuve sur "Le portage des WebExtensions".
La présentation a pour but de montrer comment porter une extension venant de Chrome ou Chromium vers Firefox 57
Présentation effectuée à la Ubuntu Party 17.04 de Paris par Christophe Villeneuve sur "Firefox et les WebExtensions".
La conférence a pour but de montrer réaliser une web Extensions pour tous les navigateurs comme Firefox
Talk made at the UbuCon Europe Paris September 2017 by Christophe Villeneuve on "WebExtensions: Where are we?".
This is a presentation to see the advanced WebExtensions in Mozilla Firefox
Présentation effectuée à la UbuCon Europe Paris Septembre 2017 par Christophe Villeneuve sur "WebExtensions : Où en est-on ?".
Il s'agit d'une présentation pour voir l'avancé des WebExtensions dans Mozilla Firefox
Talk made at meetup Mozilla Paris octobre 2017 by Christophe Villeneuve on "Introduction aux webExtensions".
La présentation a pour but d'aider à mieux appréhender ces nouvelles extensions, les impacts et les possibilités offertes dans le navigateur, les emplacements disponibles, le tout cadencé de cas exemples.
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "Contribuer à Mozilla avec ou sans connaissance technique".
Il s'agit d'une présentation pour montrer les différentes possibilités de contribuer aux projets Mozilla
Présentation effectuée à la Cookie Party 2017 par Christophe Villeneuve sur "Les écrans animés dans les navigateurs".
La présentation a pour but de montrer comment utiliser les webExtensions dans l'animation avec des fonctionnalités expérimentales.
Présentation effectuée au Hackathon Mozilla FR 2017 par Christophe Villeneuve sur "Le portage des WebExtensions".
La présentation a pour but de montrer comment porter une extension venant de Chrome ou Chromium vers Firefox 57
Présentation par Christophe FERNANDES et Athanase Kalantzakis. Retour d'expérience et application professionnel des API WebExtensions. Présentée lors du meetup chez Firefox : introduction aux webextensions.
Présentation effectuée à la création numérique "Alchimie 12" par Christophe Villeneuve sur "WebExtensions, it's now / c'est maintenant".
La présentation a pour but de montrer où en sont les WebExtensions à quelques jours de la sortie de Firefox 'Quantum' 57
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Silicon Comté
« Lua is a powerful, fast, lightweight, embeddable scripting language. »
Dans cette introduction, vous découvrirez quelques particularités ce langage de script brésilien :
La philosophie du langage,
Qui utilise ce langage et pourquoi,
Les usages de ce langage,
Les différences avec les autres langages de script,
Comment ce langage peut vous aider à réaliser vos applications Web, Mobile et même des jeux vidéos.
Des exemples simples et concrets, etc.
A propos de l’intervenant :
Nicolas LORENZON : diplômé de l’UFC en 2004 (DESS, Informatique, systèmes distribués et multimédia), il travaille ensuite à Paris pendant 5 ans dans le monde des ERP pour une boîte de conseil en informatique. De retour en Fanche-Comté, il créée la société ARTENET en 2010 et travaille maintenant essentiellement comme développeur web et mobile. Il est adhérent Silicon Comté.
Slides du meetup Rubedo du 17 décembre. Au programme :
- Pourquoi Rubedo ?
- Comment installer Rubedo ?
- Créer votre premier site
- Créer votre extension
- Hébergement
- Présentation de la roadmap du CMS Rubedo
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
Depuis septembre 2013, google à rendu la création d'application d'un nouveau genre. Il s'agit des applications HTML/CSS/Javascript qui bénéficient des même avantages que les applications natives de bureaux (accès au système de fichier ...)
Une courte présentation à WebAssembly, des avantages et cas d'usages associés, des concepts techniques derrière (cf. AOT vs JIT), de l'état actuel du marché et de l'avenir de cette tendance / technologie
Dans ce fichier, je défini ce qu'est make (et makefile), je vous montrerai comment l'utiliser dans le cadre de Wordpress (avec WP-CLI).
Je vous donne aussi quelques exemples d'utilisation avec WP-CLI.
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Les Web Extensions".
Il s'agit de comprendre pour les WebExtensions et ce qui va impliquer dans les navigateurs
Présentation effectuée à Paris Web par Christophe Villeneuve sur "La boîte à outils de développements dans Firefox".
Cette présentation a pour but d'aider les développeurs à améliorer leur projet en respectant les normes et standard de W3C
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Automatisation des gestionnaires de contenus (CMS)".
Vous allez voir comment industrialiser et automatiser les CMS avec comme exemple le CMS Drupal
Présentation effectuée au Capitole du Libre (17 novembre 2019) par Christophe Villeneuve sur "la boite à outils de développements dans firefox (devtools)".
Un atelier pour apprendre et voir les possibilités de la barre Devtools dans Firefox
Responsible Design ou Le web moderne à destination de tousjwajsberg
Après avoir présenté la situation actuelle, j'essaie d'expliquer comment on peut utiliser les technologies récentes du web tout en supportant tous les navigateurs, qu'ils soient anciens ou minoritaires.
Présentation effectuée au RMLL 2018 sur "La face cachée des WebExtensions" par Christophe Villeneuve .
Vous verrez les différentes avancées depuis la version de firefox 'Quantum' 57
les solutions alternatives dans le numérique d'aujourd'hui et demainChristophe Villeneuve
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "les solutions alternatives dans le numérique d'aujourd'hui et demain".
IL s'agit d'une présentation pour montrer les solutions libres et open source à connaître
Présentation par Christophe FERNANDES et Athanase Kalantzakis. Retour d'expérience et application professionnel des API WebExtensions. Présentée lors du meetup chez Firefox : introduction aux webextensions.
Présentation effectuée à la création numérique "Alchimie 12" par Christophe Villeneuve sur "WebExtensions, it's now / c'est maintenant".
La présentation a pour but de montrer où en sont les WebExtensions à quelques jours de la sortie de Firefox 'Quantum' 57
Introduction au langage de programmation Lua / Digital apéro [03/12/2014]Silicon Comté
« Lua is a powerful, fast, lightweight, embeddable scripting language. »
Dans cette introduction, vous découvrirez quelques particularités ce langage de script brésilien :
La philosophie du langage,
Qui utilise ce langage et pourquoi,
Les usages de ce langage,
Les différences avec les autres langages de script,
Comment ce langage peut vous aider à réaliser vos applications Web, Mobile et même des jeux vidéos.
Des exemples simples et concrets, etc.
A propos de l’intervenant :
Nicolas LORENZON : diplômé de l’UFC en 2004 (DESS, Informatique, systèmes distribués et multimédia), il travaille ensuite à Paris pendant 5 ans dans le monde des ERP pour une boîte de conseil en informatique. De retour en Fanche-Comté, il créée la société ARTENET en 2010 et travaille maintenant essentiellement comme développeur web et mobile. Il est adhérent Silicon Comté.
Slides du meetup Rubedo du 17 décembre. Au programme :
- Pourquoi Rubedo ?
- Comment installer Rubedo ?
- Créer votre premier site
- Créer votre extension
- Hébergement
- Présentation de la roadmap du CMS Rubedo
Comment créer des Chrome Apps ou Packaged Chrome AppsBruno Soufo
Depuis septembre 2013, google à rendu la création d'application d'un nouveau genre. Il s'agit des applications HTML/CSS/Javascript qui bénéficient des même avantages que les applications natives de bureaux (accès au système de fichier ...)
Une courte présentation à WebAssembly, des avantages et cas d'usages associés, des concepts techniques derrière (cf. AOT vs JIT), de l'état actuel du marché et de l'avenir de cette tendance / technologie
Dans ce fichier, je défini ce qu'est make (et makefile), je vous montrerai comment l'utiliser dans le cadre de Wordpress (avec WP-CLI).
Je vous donne aussi quelques exemples d'utilisation avec WP-CLI.
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Les Web Extensions".
Il s'agit de comprendre pour les WebExtensions et ce qui va impliquer dans les navigateurs
Présentation effectuée à Paris Web par Christophe Villeneuve sur "La boîte à outils de développements dans Firefox".
Cette présentation a pour but d'aider les développeurs à améliorer leur projet en respectant les normes et standard de W3C
Présentation effectuée au Rencontres Mondiales du Logiciel Libre (RMLL) 2017 par Christophe Villeneuve sur "Automatisation des gestionnaires de contenus (CMS)".
Vous allez voir comment industrialiser et automatiser les CMS avec comme exemple le CMS Drupal
Présentation effectuée au Capitole du Libre (17 novembre 2019) par Christophe Villeneuve sur "la boite à outils de développements dans firefox (devtools)".
Un atelier pour apprendre et voir les possibilités de la barre Devtools dans Firefox
Responsible Design ou Le web moderne à destination de tousjwajsberg
Après avoir présenté la situation actuelle, j'essaie d'expliquer comment on peut utiliser les technologies récentes du web tout en supportant tous les navigateurs, qu'ils soient anciens ou minoritaires.
Présentation effectuée au RMLL 2018 sur "La face cachée des WebExtensions" par Christophe Villeneuve .
Vous verrez les différentes avancées depuis la version de firefox 'Quantum' 57
les solutions alternatives dans le numérique d'aujourd'hui et demainChristophe Villeneuve
Présentation effectuée au Geek Faeries 2017 par Christophe Villeneuve sur "les solutions alternatives dans le numérique d'aujourd'hui et demain".
IL s'agit d'une présentation pour montrer les solutions libres et open source à connaître
Présentation effectuée au RMLL 2018 sur "Firefox comme navigateur Alternatif" par Christophe Villeneuve .
Vous verrez les différents type de navigateurs disponible aussi bien sur ordinateur, que sur mobile et ceux qui sont soucieux de la vie privée
Vous souhaitez moderniser votre existant ou consolider l’utilisation des nouvelles technologies sur votre IBM i ?
Cette session vous aidera à choisir la bonne technologie pour vos besoins de modernisation, au travers d’un comparatif Node.js versus PHP :
Environnement serveur
Philosophie de développement
Ecosystèmes
Performances (au travers d’un benchmark sur POWER9)
Vous en avez marre du "ça marche chez moi", "mais je comprend pas, j'ai tout commit" ou encore "c'est pas ma faute" ? Automatisez les étapes qui suivent le développement avec le déploiement continu. Voici un retour d'expérience sur comment simplifier et faire que tout se déroule bien jusqu'à la production avec du code .net core.
Présentation donnée au meetup Alt.net France sur le déploiement continu, le 23 novembre 2017
Shows a few of the main features developed in XWiki 3.x release cycle, demo 2 features (App Within Minutes and Extension Manager) and provides a coarse-grained view of the 4.x release cycle.
WordCamp Lyon 2015 - WordPress, Git et l'intégration continueStéphane HULARD
Retour d'expérience sur les pratiques que j'utilise au quotidien pour l'industrialisation de mes développements WordPress...
https://lyon.wordcamp.org/2015/session/wordpress-git-et-lintegration-continue/
Similaire à Les WebExtensions et Firefox - JDLL 2017 (20)
Présentation effectuée à Open Source Expérience 2022 par Christophe Villeneuve et Sébastien de MariaDB sur "MariaDB : une base de données NewSQL".
Cette présentation a pour but de montrer que la base de données Mariadb propose des nouvelles fonctionnalités et avancés importantes pour devenir un coeur
Présentation effectuée au à l'Owasp mensuel (18 Mai 2022) par Christophe Villeneuve sur "Pister les pisteurs".
Cette présentation aborde la visualisation des cookies tiers et la nouvelle extension qui propose de voir si votre projet est "Green IT"
Présentation effectuée à l'événement CyberGames de EGE (17 mai 2022) par Christophe Villeneuve sur "Contrôlez vos données éthiques dans le web".
Cette présentation aborde l'importance des données et des risques que vous pouvez rencontrer sur le web
Présentation effectuée au Meetup 24 Programmez (5 Avril 2022) par Christophe Villeneuve sur "Infrastructure as code Drupal".
Cette présentation aborde les rappels de l'IaC (infrastructure as code), comment l'utilisé avec le CMS Drupal et déployé automatiquement le contenu et les évolutions dans l'IaC.
Présentation effectuée pendant la piscine du POC Innovation de Epitech (15 février 2022) par Christophe Villeneuve avec Sébastien "MariaDB : une base de données NewSQL".
Après un tour d'horizon de l'évolution des bases de données, nous nous intéresserons sur la base de données MariaDB qui propose le NewSQL (NoSQL + SQL) et ces différents storages engines disponibles. Ainsi chaque problématique projet peut être couverte par celle-ci.
Présentation effectuée pendant la piscine du POC Innovation de Epitech (14 février 2022) par Christophe Villeneuve sur "Open Source et Contribution : une association gagnante".
La présentation permet de voir que la contribution est importante au même titre que l'open source
Présentation effectuée à la DevCon 12 (16 décembre 2021) par Christophe Villeneuve sur "Pentest Bus Pirate".
Une occasion de voir comment effectuer des pentests sur de l'IoT
Présentation effectuée à l'Open Source Expérience (9 novembre 2021) par Christophe Villeneuve sur "Peur de la migration vers l’open source ?".
Sujet : 2020 fut marqué par de nombreux anniversaires. Ainsi PHP, MySQL, Drupal… ont proposé de nombreuses évolutions et améliorations dans les technologies ouvertes permettant de garder le Web ouvert.
La session abordera les freins à la migration vers des environnements modernes. Christophe s’intéressera aux problématiques d’aujourd’hui dans un serveur AMP (Apache MariaDB PHP) avec comme solution un portail de type Drupal. La souplesse de ces technologies répond aux problématiques modernes.
Présentation effectuée à GS Days (4 novembre 2021) par Christophe Villeneuve sur "La sécurité applicative par le design ".
Sujet : La sécurité doit commencer dès la conception d’un projet ou d’une application Web. Cette étape est nécessaire pour atténuer l’impact des cybermenaces lors de la mise en production. Cette session identifiera ce que l’on peut attendre d’une application Web sécurisée qui garantit une certaine qualité pour les données et vous protège contre les malveillances, les erreurs et la malchance, et leur impact.
Présentation effectuée au Meetup Firefox User Group fr (28 avril 2021)par Christophe Villeneuve sur "Foxfooding Semaine 3 : Aidez à produire le meilleur firefox".
Vous allez voir les fonctionnalités disponible dans firefox 89
Présentation effectuée à la AOSC (28 janvier 2020) par Christophe Villeneuve sur "L'accessibilité web avec WCAG et RGAA".
Vous verrez les notions générales de l'accessibilité, le moyen de le mettre en place dans son code et valider avec des outils si l'ensemble du référentiels est respecté.
This document discusses the weekly activities of the French-speaking Mozilla community. It includes a to-do list that covers hot topics, article planning, events, social media calendars and statistics, answering questions, and updates to sites and blogs. The community communicates using Telegram, Matrix, and weekly Zoom meetings. Activities include localization, forums support, documentation, and discussions. Events follow a standard procedure from announcement to post-event coverage. The to-do list has been used since 2014 and provides details for each discussion point. The community is led by several people and more information is available by contacting them.
Présentation effectuée à la DevCon (19 novembre 2020) par Christophe Villeneuve sur "Monitoring dynamique : Grafana & Microsoft".
Sous la forme de cas pratique, la présentation montre une manière de monitorer dynmaiquement les produits Microsoft tel que Azure, office 365, SQL Server...
Présentation effectuée au Meetup Programmez (08 septembre 2020)par Christophe Villeneuve sur "Etes-vous prêt pour PHP 8 ?".
Vous allez voir l'avancement du langage PHP, les nouveautés, les améliorations
Présentation effectuée au Meetup Lizard Secu (27 aout 2020)par Christophe Villeneuve sur "Le futur de l'authentification WebAuthn".
Vous allez voir comment se passer du mot de passe en utilisant WebAuthn
Talk at the Virtu-All-Hands (June 18, 2020) by Christophe Villeneuve on "Send large files with addons".
3 extensions to communicate easily with Firefox send
Présentation effectuée au Virtu-All-Hands (18 juin 2020) par Christophe Villeneuve sur "Send large files with addons".
3 extensions pour communiquer facilement avec Firefox send
Présentation effectuée au meetup Devops Tahiti (3 juin 2020) par Christophe Villeneuve sur "Tests d'accessibilité par la pratique".
Deux outils complémentaires d'accessibilités, sont présentés pour vous aider à valider votre code
Présentation effectuée à Confoo 2020 (27 février 2020) par Christophe Villeneuve sur "Donnez la voix aux machines".
Vous allez voir l'avancé de ces appareils, des projets libres comme Common Voice et DeepSpeech, la qualité des participations et contributions
Consulter le site officiel https://voice.mozilla.org
Présentation effectuée à Confoo 2020 (26 février 2020) par Christophe Villeneuve sur "la réalité mélangée dans vos applications".
Nous voyons comment embarquer une page web dans la réalité virtuelle, réalité augmentée, réalité virtuelle associé à la réalité mélangée pour les utiliser dans les applications webs
5. JDLL : Le 2 avril 2017
XUL / XPCOM
● XUL est une technologie XML
– Utilisée pour l'interface firefox
● XPPCOM est une structure Javascript
– Interagir avec XUL
– Avec une API différente de la classique HTML5
● Le développeur web doit respecter ces technologies
→ HTML classique, CSS, Javascript
● Aujourd'hui
– Ne répond plus au attente d'aujourd'hui
– Mises à jours / révisions… trop long
6. JDLL : Le 2 avril 2017
… les Add-ons
● Modules complémentaires
● Partie de Firefox depuis l'origine
● Amélioration du navigateur
● Les projets montrent comment les addons sont
importants dans Firefox
● Important de montrer les API sont puissants
– 40% des utilisateurs ont des add-ons
– 32000 modules complémentaires
– 19000 développeurs d'extensions
– 15 millions d'utilisateurs mensuels sur Mozilla Add-on (AMO)
7. JDLL : Le 2 avril 2017
Les addons 'test pilot' dans firefox
● Nouveau concept
● Tester de nouvelles fonctionnalités
– Possibilité d'être insérer dans le navigateur
– http://testpilot.firefox.com
9. JDLL : Le 2 avril 2017
Bienvenue WebExtensions
● Créer une api robuste
● Technologie Standard : Html, css, javascript
● Parité avec extensions chrome api
● Documentation
● Prise en charge de Firefox pour android
10. JDLL : Le 2 avril 2017
Compatibilité
● Edge / Opera / Chrome / Firefox
● Compatible Qtwebkit
11. JDLL : Le 2 avril 2017
Situation actuelle
● Are we WebExtensions yet ?
http://arewewebextensionsyet.com/
● On trouve
– L'avancement de l'API
– Les fonctionnalités manquante
– L'avancé de la performance
– La validation
– ...
12. JDLL : Le 2 avril 2017
Roadmap
● Firefox 48 : Release stable
– SDK avec extension WebExtensions déjà disponible
● Firefox 53 : Conteneurs sécurisés
– Seulement WebExtensions accepté sur addons.mozilla.org
● Firefox 57 – 14 novembre
– Uniquement WebExtension pour Firefox
– API du système de fichier
– Barre latérale et autres API d'élément d'interface
utilisateur
– Expériences WebExtension pour créer de nouvelles API
13. JDLL : Le 2 avril 2017
Demo WebExt manifest
https://github.com/hellosct1/demo-WebExt-manifest
15. JDLL : Le 2 avril 2017
Anatomie
Intéragir avec les pages Web
Contexte page
Bouton dans la barre d'outils
Bouton à la barre d'adresse
Définir une interface utilisateur
Contenu packagé accessible
16. JDLL : Le 2 avril 2017
Manifest.json
● Carte identité d'une extension
● Script au format jSON
●
https://developer.mozilla.org/fr/Add-ons/WebExtensions
{
"manifest_version": 2,
"name": "demo JDLL",
"version": "1.0",
"description": "Demo JDLL",
"icons": {
"19": "icons/icon-19.png",
"48": "icons/icon-48.png"
},
}
17. JDLL : Le 2 avril 2017
Manifest.json
● Permission
"permissions": [
"*://developer.mozilla.org/*",
"webRequest"
]
activeTab
alarms
bookmarks
browsingData
contextMenus
contextualIdentities
cookies
downloads
downloads.open
history
identity
idle
management
nativeMessaging
notifications
sessions
storage
tabs
topSites
webNavigation
webRequest
webRequestBlocking
18. JDLL : Le 2 avril 2017
Manifest : Anatomie (1/6)
● Script d'arrière plan
● Indépendant
– Des pages webs
– Fenêtres du navigateur
● Exécuter dès que
l'extension est chargé
● Permissions nécessaires
Background page
19. JDLL : Le 2 avril 2017
Background : Exemple
// manifest.json
"background": {
"scripts": ["background.js"]
}
// manifest.json
"background": {
"page": ["background.html"]
}
20. JDLL : Le 2 avril 2017
Manifest : Anatomie (2/6)
● Scripts de contenu
● Accéder et manipuler les
pages Web
● Fonctionnement :
– Charger dans les pages Web
– Exécuter dans le contexte
de page particulière
● Possible
– Manipuler le DOM de la
page
Background page
Content scripts
21. JDLL : Le 2 avril 2017
Content scripts : Exemple
// manifest.json
"content_scripts": [{
"matches": [
"*://mozilla.com/*",
"*://localhost/*"
],
"js": [
"js/injection-demo.js"
]
}],
22. JDLL : Le 2 avril 2017
Manifest : Anatomie (3/6)
● Action du navigateur
<> des navigateurs
● Accès par un icône
– Barre d'outils navigateur
● Possible de définir
– Fenêtre contextuelle
● Langage :
– HTML / CSS / JS
Background page
Content scripts
Browser action
23. JDLL : Le 2 avril 2017
Browser action : Exemple
// manifest.json
"browser_action": {
"default_icon": {
"19": "button/geo-19.png",
"38": "button/geo-38.png"
},
"default_title": "Whereami?",
"default_popup": "popup/popup.html"
}
24. JDLL : Le 2 avril 2017
Manifest : Anatomie (4/6)
● Action dans la barre de
navigation
● Affiche sur un onglet
activé
● Action pas toujours
nécessaire
Background page
Content scripts
Browser action
Page action
25. JDLL : Le 2 avril 2017
Page action : Exemple
// manifest.json
"page_action": {
"browser_style": true,
"default_icon": {
"19": "button/geo-19.png",
"38": "button/geo-38.png"
},
"default_title": "Whereami?",
"default_popup": "popup/popup.html"
}
26. JDLL : Le 2 avril 2017
Manifest : Anatomie (5/6)
● Définir des préférences
en plus
● Accès par les add-ons du
navigateur
● Configuration des
WebExtensions
Background page
Content scripts
Browser action
Page action
Option page
27. JDLL : Le 2 avril 2017
Option page : Exemple
// manifest.json
"options_ui": {
"page": "options.html"
},
28. JDLL : Le 2 avril 2017
Manifest : Anatomie (6/6)
● Ressources incluses dans
l'extension
● Accessible par
– Scripts de contenu
– Scripts de pages
● Web-accessible
● Utilisation d'un schéma
URI spécial
Background page
Content scripts
Browser action
Page action
Option page
Ressource
29. JDLL : Le 2 avril 2017
Ressource : Exemple
// manifest.json
"options_ui": {
"page": "options.html"
},
34. JDLL : Le 2 avril 2017
Prêt à publier
● Compresser votre extension
– Méthode 1
● Compresser les fichiers en ZIP
● Renommer le ZIP en XPI
– Méthode 2
$ cd monExtension
$ 7zip -a monExtension.xpi
35. JDLL : Le 2 avril 2017
Procédure
● Connecter
– https://addons.mozilla.org
● Soumettre
– Par le site
– Mode personnel
38. JDLL : Le 2 avril 2017
Aller plus loin : Web-ext
● Outil de ligne de commande
– Construire
– Exécuter
– Surveiller
– Tester Les extensions Web
● https://github.com/mozilla/web-ext
Exécuter une extension de cli, de linting, de validation et d'emballage
web-ext run -s /path/extension/ --firefox-binary=/path/firefox
web-ext build -s /path/extension
40. JDLL : Le 2 avril 2017
Ressources supplémentaires
● 30 API en exemple
https://github.com/mdn/webextensions-examples
● Documentation (MDN) en Français
– https://developer.mozilla.org/fr/Add-ons/WebExtensions
●
41. JDLL : Le 2 avril 2017
Qui ???
Christophe
Villeneuve
mozilla reps - firefox os - B2GOS - ausy - afup – lemug.fr – mysql – mariadb – drupal – demoscene – firefoxos – drupagora – phptour – forumphp – solutionlinux – Libre@toi – eyrolles – editions eni – programmez – linux pratique – webriver – phptv – elephpant - owasp -security
42. JDLL : Le 2 avril 2017
Merci
Questions
Christophe Villeneuve
@hellosct1