PUBLIC MARKS from decembre with tags javascript & extension

Des chercheurs en sécurité sont en train de travailler sur une technique pour dé-anonymiser les internautes. Il partent du principe que chaque personne possède un navigateur différent, des plugins différents, avec des versions différentes, des polices différentes, un fuseau horaire différent…etc. Et toutes ces petites différences, misent bout à bout, permettent au final de créer une empreinte unique du navigateur (donc de la machine utilisée pour aller sur le net). Ça, c’est ce que l’EFF a appelé Panopticlick et que vous pouvez tester en allant ici. Mais une nouvelle technique exploite les réseaux sociaux. En effet, en exploitant l’historique de votre navigateur, un attaquant (ou un espion ou une société privée) peut savoir sur quels sites vous avez été. il devient possible de clairement vous identifier en tant que personne lors de votre surf quotidien et ce même si vous passez par un VPN…

I have a Greasemonkey script that works just fine in Firefox and Opera. I struggle with getting it to work in Chrome, however. The problem is injecting a function into the page that can be invoked by code from the page. Here's what I'm doing so far: First, I get a helper reference to the unsafeWindow for Firefox. This allows me to have the same code for FF and Opera (and Chrome, I thought).

You can organize labels into subfolder like hierarchy. Create a parent label like Home and then create sublabels like Home\Bills, Home\Receipts, etc. I thought I never needed folders but this makes using labels so easy to use with the new colors!

a Firefox add-on that will tell you if there are any user scripts for the page you're visiting. When you have Greasefire and Greasemonkey installed a little monkey will show up in the bottom right corner of your Firefox status bar. If there are scripts available for the site you're viewing, the monkey's background color will change to red. And when you right click on the icon you'll see the number of available scripts. Click on that number and a window will open telling you more about those scripts.

First, you'll need to track down your installed scripts. They're in your Firefox profile, under the "gm_scripts" sub-folder. Or, if you'd prefer, you can skip the search and download any script from the online script repository. Next, you need to change the file extension from .js (Javascript) to .txt (plain text). After you've changed the extension, double-click the file to view the code. Copy and paste the code into the User Script Compiler and hit "Generate." Voila! Your new Firefox extension (.xpi) is complete. To install in Firefox, simply drag the new extension onto the Firefox interface and follow the prompts.

Nouvelle interface de programmation afin de faciliter davantage le développement de nouvelles extensions. Baptisé Jetpack, permet à n'importe qui capable de coder une page web de moduler le navigateur. Oubliez les redémarrages du logiciel, il suffira de cliquer sur un simple lien pour installer l'addon de son choix et de recharger la page en cours de consultation. « Nous voulons permettre à plus de gens de participer à la création des fonctionnalités du navigateur », explique Aza Raskin, en charge du département de l'expérience utilisateur chez Mozilla. Il précise que n'importe quel développeur web familier avec le HTML, le CSS ou le JavaScript peut se lancer dans l'aventure.

C'est réservé aux bidouilleurs mais en gros le principe c'est d'utiliser javascript sur les sites que vous visitez afin de réaliser des choses sympathique comme automatiser certaines parties d'un site ou changer le comportement d'un script...etc C'est un peu comme GreaseMonkey mais en plus simple (pour peu que vous connaissiez Javascript) Mais là ou ça devient interressante, c'est que coupler à Firebug, qui est une extension Firefox pour débugger le javascript des sites web (avec point d'arrêt and co), il devient relativement simple de faire faire au site ce que vous voulez.

Development resources From MozillaZine Knowledge Base Websites that are useful for Mozilla development. This knowledge base also has a few articles on extension development.

A Complete List Of Firefox Extensions For Web Developers January 7th, 2009 in Tools

Ce site est consacré à toutes les technologies disponibles sur la plate-forme Mozilla®, utilisée par le navigateur Mozilla Firefox™, le client mail Mozilla Thunderbird™ et les autres produits de la fondation Mozilla®. La plate-forme Mozilla® permet de développer des applications desktop ou web, fonctionnant nativement sur la plupart des systèmes d'exploitations. C'est aussi la première plate-forme vous permettant de réaliser des clients riches ou d'utiliser Firefox en tant que client riche. En effet, de l'interface graphique utilisateur reposant sur un format XML, XUL™, aux composants XPCOM réutilisables et multi plate-forme, Mozilla offre tout un ensemble de technologies, pour la plupart standardisées et relativement aisé à mettre en oeuvre : XBL, EcmaScript (Javascript 1.8), CSS, XHTML/HTML 5, SVG, XForms, MATHML, RDF, DOM, XML-RPC ... Vous pouvez commencer par une présentation de XUL.

The DOM Inspector (also known as DOMi) is a developer tool used to inspect, browse, and edit the Document Object Model of documents - usually web pages or XUL windows. The DOM hierarchy can be navigated using a two-paned window that allows for a variety of different views on the document and all nodes within.

The Order of Things to Learn Look to the "Resources" section for places to learn about these. 1. HTML. Hypertext Markup Language. Not the same "language" as JavaScript. This is a markup language, meaning it's a bunch of text that is meant to represent some type of structure, in this case, a web page. 2. XML. Extensible Markup Language. In case you didn't realize, HTML itself is a type of "XML". Learning XML is important because many popular websites (YouTube, Facebook, Last.fm) use XML to interact with data. Since you already know HTML by this point, understanding XML should be cake. 3. CSS. Cascading Style Sheets. This is the way HTML (should be) stylized. You'll want to learn this. 4. JavaScript. Learn all the basics: data types, functions, JavaScript's native functions like prompt, alert, etc. 5. The Greasemonkey Extras. Like I said, Greasmonkey == JavaScript, with a lot of extras. A specific page listing the API's can be found here.

Javascript syntax highlighting for Firebug 1.3+

This add-on will show you what JavaScript gets to run on a web page, even if it is obfuscated and generated on the fly. Simply open JavaScript Deobfuscator from the Tools menu and watch the scripts being compiled/executed.

An editor with real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code. Phoenix will tell you how many CSS and JS files are loaded into a page, how big these are,...

Ce site répertorie différents scripts Greasemonkey permettant d’enrichier et améliorer l’interface de GMail. Ces scripts ne fonctionne que sous Firefox, et bien sur, nécessite l’installation de l’extension Greasemonkey.

Have you ever been interested in what extensions are available for Firebug? If yes, take a look at what I have found. Frankly, I was quite surprised how many Firebug extensions already exists out there. * YSlow * Firecookie * FirePHP * RainbowForFirebug * Jiffy * Firequark * LiveCoder * PixelPerfect * FirebugCodeCoverage * Firebug Net Panel History Overlay * Fireclipse * Chromebug

Textarea Backup sauvegarde le contenu des champs de saisie pour les forums et autres sites où l'on écrit. Combien de fois avez-vous perdu le contenu de ce que vous tapiez, en fermant un onglet ou une fenêtre par erreur ? Trop ? Ce script sauvegarde tout seul la frappe au clavier. Il suffit de revenir à la page en question, même sur un forum, et le texte revient à sa place.

John Resig - OCR and Neural Nets in JavaScript Just google for "CAPTCHA Breaker" or pwntcha and you'd have much more advanced captcha breakers capable of much more. But javascript won't be able to handle ...

It will break CAPTCHAs for Megaupload and automatically trigger a download. The code is designed specifically for this CAPTCHA style, but there's no reason why the getImageData trick combined with a alternate OCR implementation couldn't be used to solve for other systems. This is pretty fascinating stuff. Is there a better (more convenient, harder to cheat) way to prove humanness? What else could you make in Javascript using OCR, neural nets, or per-pixel image processing?

Firebug. Certainement le meilleur plugin Firefox d’aide au développement. Un seul problème, et de taille : sa compatibilité. Firebug n’est malheureusement pas compatible avec Internet Explorer, et l’Internet Explorer Developer Toolbar ne fait pas le poids. Une alternative existe avec Firebug Lite : Seule restriction : les fonctionnalités sont limitées à l’exploration du contenu (”Inspect“). FireBug Lite peut aussi être utilisé comme bookmarklet sur n’importe quel site. Pour utiliser FireBug Lite comme bookmarklet, ajoutez à vos favoris le lien suivant : FireBug Lite Bookmarklet Une alternative existe avec Firebug Lite. Une simple ligne de code JavaScript à intégrer dans vos pages et vous retrouverez sous Internet Explorer, Opera ou Safari votre panneau Firebug !

GreaseMonkey est une extension pour le navigateur Firefox qui permet de bidouiller à la volée les pages web que vous consultez. C'est à dire qu'il va modifier la page directement dans le navigateur. Cela vous permet de modifier à volonté toutes les pages de n'importe quel site selon vos désirs: supprimer des éléments qui vous énervent de certaines pages web, modifier le code HTML, ajouter du code HTML, modifier/ajouter/supprimer du javascript, changer les couleurs, ajouter des fonctionnalités, augmenter ou diminuer la taille de tableaux, formulaires...

Operator, cette extension permet de repérer dans une page Web des annotations sémantiques à la base écrites avec les microformats pour effectuer des actions comme repérer un lieu dans Google Maps, récupérer une carte de visite... Si vous voulez en savoir plus, je vous conseille de lire cette traduction d'un article de Wired sur le blog de Christophe Ducamps. Après une longue réflexion, j'ai trouvé deux utilisations originales : * un exemple très bibliothéconomique pour visualiser un ouvrage dans Amazon ou Library thing à partir de l'ISBN ;