Come creare un'estensione cromata

"Nella nostra vita attuale, siamo più ansiosi di utilizzare le app di social media e il motore di ricerca di Google per i nostri scopi di intrattenimento e ricerca, io.e., Ricerca un argomento educativo tramite il motore di ricerca "Google" e acquisisci anche conoscenze generali. Per utilizzare il motore di ricerca di Google per cercare qualcosa, dobbiamo avere un browser già installato sui nostri telefoni cellulari, laptop o personal computer. Uno dei browser più utilizzati ed efficienti del secolo di oggi è il browser "Google Chrome" che ha elaborato molte buone funzionalità insieme all'utilità di estensione. L '"estensione" è il plug -in trovato in qualsiasi browser per limitare o consentire siti Web e diverse funzioni. Queste estensioni di solito non vengono integrate; Devi aggiungere ogni estensione al browser separatamente ogni volta che è necessario. Se sei un piccolo esperto di tecnologia, allora potresti conoscere l'uso di file JSON manifest per creare e aggiungere un'estensione in alcuni passaggi. Quindi, questo articolo coprirà tutti questi passaggi per creare una nuova estensione sul browser di Google Chrome.

Prima di dare un'occhiata al metodo per creare un'estensione, è necessario assicurarsi che il tuo browser Google Chrome sia già lanciato e il motore di ricerca "Google" non contiene alcun background. Puoi vedere che l'immagine allegata di seguito non ha background per il motore di ricerca "Google.com, "i.e., Solo sfondo bianco."

Aggiungi la cartella di estensione

Apri il tuo strumento di codice Visual Studio rapidamente dalle app del sistema Windows. Potrebbe essere necessario fino a 1 minuto per aprire correttamente il codice Visual Studio e abilitarlo per il nostro uso. Dopo che è stato lanciato correttamente ed è pronto per l'utilizzo, abbiamo aggiunto la cartella già generata "Estensione" in esso tramite l'elenco dei menu "File" nella barra delle applicazioni in alto mostrata di seguito. Dopo aver creato la cartella "Extension", abbiamo aggiunto un'altra cartella denominata "Immagine" che contiene le immagini da utilizzare come icona per l'estensione sul browser. Insieme a questo, abbiamo aggiunto uno "manifest.File JSON "e un file JavaScript chiamato" Script.JS "per creare una nuova estensione e aggiungerla al browser. Cominciamo dal manifest.File JSON facendo doppio clic su di esso per iniziare a funzionare in JSON per creare e utilizzare un'estensione per modificare lo sfondo di "Google".

Crea file manifest

All'interno del manifest.File JSON, dovresti aggiungere il codice "JSON" mostrato. Questo codice è lo script di configurazione effettivo per creare e aggiungere un'estensione al nostro browser Google Chrome. Questo codice JSON è stato avviato con l'inizializzazione per la versione manifest variabile come "2" e il nome di un'estensione da creare, i.e., "Cambia sfondo". Dopo questo, abbiamo aggiunto la breve descrizione per la nostra estensione all'interno della variabile "descrizione".

Insieme a questo, abbiamo aggiunto la versione di un'estensione come "1.0 ". Dopo che tutte le configurazioni di base per "estensione" vengono create, dobbiamo aggiungere il percorso all'icona dell'immagine da utilizzare come icona per le estensioni. Il "browser" variabile è stato definito per impostare l'icona di estensione per la barra delle applicazioni principali del browser di Google Chrome, i.e., dove vengono visualizzate tutte le estensioni dopo averle abilitato per un uso futuro per particolari o tutti i siti. Dopo questo, abbiamo aggiunto il percorso a tre file di immagini di dimensioni diverse in modo che il browser possa utilizzare file diversi ogni volta.

Insieme a ciò, la variabile "Page_Action" è stata utilizzata per visualizzare quale immagine deve essere visualizzata dopo aver fatto clic sull'icona "Extensions" dalla barra delle applicazioni principali di Google Chrome. La variabile "default_icon" è stata utilizzata al suo interno, insieme ai suoi tre diversi valori di percorso per le immagini da utilizzare come icone su ogni ricarica. A questo scopo vengono utilizzati tre diversi file di immagine. L'ultima variabile di content_scripts richiede un totale di 2 nuove variabili in essa, i.e., corrispondenze e CSS. La variabile "corrispondenza" contiene il percorso del sito Web da modificare dopo l'uso di questa nuova estensione. Insieme a ciò, la variabile "CSS" contiene il nome di un file CSS da utilizzare per lo stile di Google.com Dopo aver richiesto l'estensione, io.e., Styling Google.com dopo ogni ricarica su come abilitando l'estensione. Ora che questo codice è completo e pronto per l'uso, salvalo rapidamente e si sposta verso il "principale.File CSS ".

All'interno del principale.File CSS CSS, abbiamo aggiunto uno stile per la creazione della nostra estensione del file manifest. Lo stile verrebbe applicato usando il tag "corpo" html, i.e., da applicare sull'area "corpo" completa del file manifest. Abbiamo impostato il nuovo background per Google.com usando l '"url" di un file di immagine dal motore di ricerca. Ora, salva il tuo codice prima di qualsiasi cosa.

Dopo aver completato i codici richiesti, io.e., manifesto.JSON e Main.File CSS, dobbiamo aprire l'utilità delle estensioni sul browser di Google Chrome tramite URL Chrome: // Extensions "nella nuova scheda. L'area di utilità delle estensioni è aperta. Dalla sua modalità sviluppatore, è necessario caricare la cartella "estensione" non riempita dal sistema locale per renderlo un'estensione tramite il pulsante "Carica non riempita" visualizzata nell'immagine in basso. L'estensione è stata efficacemente aggiunta al browser Chrome, come mostrato. Rimuovere gli errori per farlo funzionare completamente.

Dall'icona "estensione", scegli l'estensione "Modifica sfondo" per visualizzarla sulla barra delle applicazioni, i.e., L'estensione dell'icona "C".

Dopo aver ricaricato Google.com, il suo background è stato aggiornato utilizzando questa estensione.

Conclusione

A partire dalla spiegazione dell'uso dei browser nel sistema Windows, abbiamo anche discusso dell'importanza delle estensioni in qualsiasi browser. Dopo la breve spiegazione delle estensioni, abbiamo spiegato il metodo per utilizzare il file JSON manifest per creare un'estensione per il browser di Google Chrome e come usarlo per cambiare background per "Google.com "motore di ricerca. Dopo aver caricato l'estensione su Google Chrome, l'abbiamo utilizzata su Google.com per cambiare il suo background.