<p style="text-align: justify;">C&rsquo;est possible de créer une extension et une application chrome et l&rsquo;envoyer dans le <a href="https://chrome.google.com/webstore" target="_blank" rel="noopener noreferrer">Chrome Web Store</a> en moins de cinq minutes. Nous l&rsquo;avons fait pour notre site web et vous pouvez aussi le faire pour le vôtre du moment où il tourne sur WordPress. Il peut aussi fonctionner pour d&rsquo;autres CMS ou sites web mais la fonctionnalité de recherche ne va pas fonctionner dans l&rsquo;extension Chrome.</p>
<p style="text-align: justify;">L&rsquo;application Chrome ajoute une icône dans la page <em>Applications</em> et <em>nouvel onglet</em> de Chrome qui vous redirige sur le site indiqué lorsque vous cliquez dessus. C&rsquo;est un peu comme un signet. Ici quelque soit la technologie ou le CMS utilisé, il devrait fonctionner.</p>
<p style="text-align: justify;"><a href="https://chrome.google.com/webstore/detail/tech-connect/iehfaofiibcgojehliojcilhodaaglkk?hl=fr" target="_blank" rel="noopener noreferrer">Installer l&rsquo;application Chrome de Tech-Connect</a></p>
<p style="text-align: justify;">L&rsquo;extension Chrome offre un peu plus de fonctionnalités. Il ajoute une icône à la barre d&rsquo;outils de Google Chrome et vous permet de recevoir les derniers articles récemment publiés sur le site web en question; dans notre cas celui de Tech-Connect.info. Vous pouvez aussi faire une recherche sur le site web directement depuis l&rsquo;extension. La fonctionnalité de recherche a été codée pour WordPress mais si vous avez quelques notions de programmation en PHP et HTML, vous pourrez l&rsquo;adapter à votre site web ou CMS.</p>
<p style="text-align: justify;"><a href="https://chrome.google.com/webstore/detail/tech-connect/jolnelehcpidcidbjljlpgdcjcoiidme?hl=fr" target="_blank" rel="noopener noreferrer">Installer l&rsquo;extension Chrome de Tech-Connect</a></p>
<p style="text-align: justify;">Chrome est désormais le navigateur web le plus populaire et il est donc logique d&rsquo;être présent dans sa boutique. Heureusement, comme vous le verrez dans la suite, vous n&rsquo;avez pas besoin de compétences pointues pour créer une application pour chrome.</p>
<h3 style="text-align: justify;">Créer votre propre application Chrome</h3>
<p style="text-align: justify;">Télécharger l&rsquo;archive <a href="https://mega.co.nz/#!3ZdyURoA!e_pqoA6QFxD9PdNqas2EMXtYaQZiA6j3s6-7NFigAMM" target="_blank" rel="noopener noreferrer">chrome-app.zip</a> sur votre bureau, décompressez-la et ouvrez le fichier manifest.json dans Notepad++ ou tout autre éditeur de texte. Quelques modifications sont nécessaires dans le fichier.</p>
<p style="text-align: justify;">Ajoutez le nom de votre site à la ligne N°2 (name) en remplaçant le nôtre: &lsquo;Tech-Connect&rsquo;. Modifiez la courte description du site en ligne N°3 ( il doit être inférieur à 132 caractères ), puis remplacer www.tech-connect.info dans les lignes #5 et #7 avec l&rsquo;URL de votre site Web.</p>
<p style="text-align: justify;">Assurez-vous d&rsquo;être le propriétaire de ces sites web en utilisant les Outils Webmasters de Google.</p>
<pre style="text-align: justify;">{ 
 "name": "Le nom de votre site web", 
 "description": "La description de votre site web en 132 caractères ou moins.", 
 "app": { 
 "urls": ["https://www.tech-connect.info/"], 
 "launch": { 
 "web_url": "https://www.tech-connect.info/" 
 } 
 }, 
 "manifest_version": 2, 
 "update_url": "http://clients2.google.com/service/update2/crx", 
 "version": "0.1", 
 "icons": { 
 "128": "icon.png" 
 } 
}</pre>
<p style="text-align: justify;">Ceci s&rsquo;applique à l&rsquo;application comme à l&rsquo;extension, si vous devez mettre à jour votre application, vous devez incrémenter le numéro de version. (version: 0.1 ->; version: 0.2)</p>
<p style="text-align: justify;">Enregistrez le fichier manifest.json. Ensuite, créez une image de taille 128×128 pixels et en png avec le logo de votre site web et enregistrez le fichier sous icon.png dans le même dossier que le fichier manifest.json. Pour gagner du temps , vous pouvez utiliser l&rsquo;échantillon de 128×128 px fourni avec l&rsquo;archive zip.</p>
<h3 style="text-align: justify;">Publiez votre application Web dans la boutique de Chrome</h3>
<p style="text-align: justify;">Maintenant nous allons envoyer notre application dans la boutique de Chrome. Après modification des fichiers, créez une archive zip du dossier chrome-app contenant le fichier manifest et l&rsquo;icône.</p>
<p style="text-align: justify;">Ensuite, allez dans le <a href="https://chrome.google.com/webstore/developer/update" target="_blank" rel="noopener noreferrer">tableau de bord de chrome</a> et envoyer votre fichier zip. Sur l&rsquo;écran suivant, sélectionnez une catégorie pour votre application (Actualités >; Blogs), ajoutez une description détaillée, quelques captures d&rsquo;écran, choisir la langue par défaut et publier votre application.</p>
<p style="text-align: justify;">Vous devrez payer 5$ en utilisant Google Wallet pour activer votre compte développeur et publier l&rsquo;application dans la boutique. Ce paiement ne s&rsquo;effectue qu&rsquo;une fois. Toutefois, si vous voulez juste utiliser votre application en local, vous n&rsquo;avez pas besoin de la publier sur le Chrome Web Store.</p>
<h3 style="text-align: justify;">Créer une extension Chrome pour votre site web</h3>
<p><a href="https://www.tech-connect.info/wp-content/uploads/extension-google-chrome-de-Tech-connect.info_.png"><img class="aligncenter size-full wp-image-3074" alt="Créer une extension Chrome pour votre site Web" src="https://www.tech-connect.info/wp-content/uploads/extension-google-chrome-de-Tech-connect.info_.png" width="262" height="609" /></a></p>
<p style="text-align: justify;">Télécharger l&rsquo;exemple chrome-extension.zip et décompressez son contenu. Modifiez le fichier de manifest.json en incluant le nom de votre extension (#2 name), la description (#3 description) et le titre de votre extension (#8 default_title).</p>
<p style="text-align: justify;">Ensuite, ouvrez le fichier techconnect.js et incluez l&rsquo;URL de votre flux RSS à la ligne #4. Modifiez aussi le fichier techconnect.html à la ligne #11 avec le nom de votre application. Ajoutez l&rsquo;url de votre site à la ligne #27. Cette url est utilisé pour la recherche. La ligne #34 ajoute le logo de votre site web à l&rsquo;extension avec un lien menant vers celui-ci et une image externe (https://www.tech-connect.info/logo-XS.png) de longueur maximale de 200px.</p>
<pre style="text-align: justify;"><;a href="https://www.tech-connect.info/">;<;img src="https://www.tech-connect.info/logo-XS.png" />;<;/a>;</pre>
<p style="text-align: justify;"><a href="https://www.tech-connect.info/wp-content/uploads/logo-de-Tech-connect.png"><img class="aligncenter size-full wp-image-3075" alt="Créer une extension Chrome pour votre site Web" src="https://www.tech-connect.info/wp-content/uploads/logo-de-Tech-connect.png" width="248" height="510" /></a></p>
<p style="text-align: justify;"><a href="https://www.tech-connect.info/wp-content/uploads/recherche-dans-lextension-chrome.png"><img class="aligncenter size-full wp-image-3076" alt="Créer une extension Chrome pour votre site Web" src="https://www.tech-connect.info/wp-content/uploads/recherche-dans-lextension-chrome.png" width="310" height="545" /></a></p>
<p style="text-align: justify;">En plus de l&rsquo;icône de 128&#215;128 px (icon.png), vous devez aussi ajouter dans le dossier l&rsquo;icône de l&rsquo;extension a afficher dans la barre d&rsquo;outils en .png de taille 32&#215;32 px que allez nommer icont.png.</p>
<p style="text-align: justify;">Archiver le dossier chrome-extension contenant les fichiers et transférez-le dans le tableau de bord de Chrome. Ajouter les méta-données appropriées et en quelques minutes, votre application et extension sera disponible publiquement dans la boutique Chrome.</p>
<p style="text-align: right;">Source: <a href="http://www.labnol.org/software/create-chrome-apps-extensions/27958/" target="_blank" rel="noopener noreferrer">Labnol</a></p>

Il est fréquent que l'on parle 5G quand il s'agit d'acheter un nouveau téléphone dernière…
Windows 11 a revisité l'expérience de l'explorateur de fichiers et du bureau avec un menu…
Avec la liberté sur internet de plus en plus menacé de nos jours, il devient…