Comment construire rapidement les extensions du navigateur avec l'IA

DEV - 25/05
Comment construire rapidement les extensions du navigateur avec AI #ai #Extensions #Gemini #deepseek ...

Comment construire rapidement les extensions du navigateur avec l'IA

#Ai #Extensions #gemini #deepseek

Assistants IA pour le codage

Nous serons exploités le partenaire de codage Google Gemini Gem et Deepseek pour rationaliser la génération de code pour notre extension de navigateur.

Étape 1 - Génération du code de projet à l'aide de Readme.md

Votre fichier readme.md sert de document de fonctionnalités dynamiques, guidant le développement de votre extension. Commencez par coller le contenu ReadMe suivant dans Gemini:

# Extension du navigateur - Texte de page simple Highlighter ## Fonctionnalités - Icône de navigateur Bullseye personnalisé - met en évidence tout texte que vous avez sélectionné sur la page Web
Entrez le mode de sortie en mode plein écran

Gemini suggère d'organiser votre projet avec cette structure:

HighlighterExtension / ├── manifeste.json ├fiques.
Entrez le mode de sortie en mode plein écran

Pour l'icône d'extension du navigateur-action, j'ai téléchargé des fichiers PNG à partir de Flaticon. Ensuite, Gemini a généré les fichiers d'extension de base - Copy le code vers votre projet.

manifeste.json

{"Manifest_version": 3, "Name": "SIMPLE PAGE Texte Highlighter", "Version": "1.0", "Description": "met en évidence tout texte que vous avez sélectionné sur la page Web.", "Autorisations": ["Activetab", "Scripting"], "Background": {"Service_Worker": "arrière "icons / icon128.png", "default_title": "mettant en surbrillance le texte sélecti...
[Courte citation de 8% de l'article original]