background preloader

Chrome

Facebook Twitter

Web Developer pour Google Chrome - boîte à outils du développeur Web — Extensions pour Google Chrome en français comme l’anti pub AdBlock extensions-chrome.com. Parmi les extensions les plus attendues par les développeurs internet, l’adaptation du fameux plugin Firefox « Web developper » pour Chrome était certainement en haut de la pile.

Web Developer pour Google Chrome - boîte à outils du développeur Web — Extensions pour Google Chrome en français comme l’anti pub AdBlock extensions-chrome.com

Cette barre d’outils qui s’ajoute au navigateur regorge de fonctionnalités très utiles pour la programmation Web. Redimension de la fenêtre en différentes taillesAffichage des mots de passe des champs INPUT de type passwordAffichage d’informations sur les formulaires web (id et name des champs…)Mise en évidense des différents blocks d’une page html (div et table avec id et class)Affichage des éléments cachés (type Hidden)Validation CSS et HTMLAffichage du HeaderUne console Javascript pour le débugageDes dizaines d’autres fonctionnalités vraiment pratiques pour programmer/débugger des sites Internet Bien entendu, Google Chrome est déjà doté d’outils d’aide au développement Web avec son « Developer Tools » (Menu Options pour les développeurs -> Developer Tools, ou « Ctrl+Maj+J »).

Gallerie d’images. Tableau de bord du développeur - Chrome Web Store. One account.

Tableau de bord du développeur - Chrome Web Store

All of Google. Sign in to continue to Chrome Web Store Find my account Forgot password? Sign in with a different account Create account One Google Account for everything Google. Www.path-tech.fr/dev/decouvrez-les-outils-de-developpement-de-google-chrome/ - 1 commentaire Bonjour à tous ! Que vous soyez 100% geek ou un hardcore gamer, il est évident que chacun d’entre nous souhaite avoir la meilleure connexion internet possible ! Si les débits fournis pas votre FAI sont en grande partie responsable des performances de votre connexion internet, il faut aussi prendre en compte d’autres paramètres …… Bonjour à tous ! Aujourd’hui mon article concernera malheureusement uniquement les mac users ! - Aucun commentaire Bonjour à tous ! Bonjour à tous ! Bonjour à tous ! Pour ceux qui connaisse déjà le fameux CMS e-commerce appelé Magento, je pense que vous serez d’accord avec moi pour dire que le développement de modules additionnels n’est pas chose facile … En effet la structure très particulière de ce CMS est relativement complexe, c’est pourquoi une formation préalable sur cette architecture est indispensable.

Pour ceux qui me suivent depuis un petit moment, vous devriez déjà savoir que je suis un défenseur de la communauté Ruby on Rails ! Chrome Web Store. Chrome.* APIs - Google Chrome Extensions - Google Code. Introduction à la programmation d'une extension Google Chrome. Le but de ce tutoriel va être de créer une extension pas à pas.

La finalité sera un bouton ajouté à Google Chrome qui affichera un popup sous forme d'info-bulle contenant des liens vers 4 favoris sur lesquels on pourra cliquer pour accéder à la page. II-A. Le commencement▲ Sur votre disque dur, créez un répertoire dans lequel vous allez éditer un fichier nommé manifest.json. Il va contenir les informations de l'extension. name : Son nom (indispensable) version : Son numéro de version (indispensable) description : Sa description (optionnelle) Ces informations seront codées sous cette forme : Pour réaliser des commentaires, il est nécessaire de mettre //, toute la suite de la ligne sera ignorée. Comme on peut le constater, la syntaxe est très simple.

II-B. Une fois le fichier enregistré, allez dans le panneau des extensions de Google Chrome : Ce qui va ouvrir un onglet avec le contenu suivant : On voit donc que les informations sont bien affichées. II-C. II-D. II-E.