ViictorSR388 / SENAI-extensao_navegador_tutorial

0 stars 0 forks source link

Como criar uma extensão para seu navegador

Grupo 1 - Antonio, Athilas, Caliu, Erica, Haile, Roy, Victor

Tutorial feito baseado no video: https://www.youtube.com/watch?v=SnsdWsDhBfo

Neste txt você aprenderá a como fazer uma extensão para seu browser com apenas um arquivo json e um outro js (javascript). Esta extensão, quando ativada, deixará o background de algumas páginas com uma cor diferente.

Sem enrolação, vamos começar:

Passo 1 - Crie um arquivo .json chamado manifest

Passo 2 - Abra chaves para deixar seu código dentro: { desta forma }

Passo 3 - Dentro das chaves defina a versão do manifest = "manifest_version":2,

Passo 4 - Depois defina o nome = "name": "Hello World Extension",

Passo 5 - Depois coloque uma descrição = "description":"Minha primeira extensão para chrome",

Passo 6 - Defina a versão = "version": "0.1",

Passo 7 - Importe o script, que no caso é o outro arquivo que criaremos a seguir = image

Passo 8 - No final, o arquivo manifest vai ficar assim = image

Passo 9 - Agora crie o arquivo .js chamado "content.js"

Passo 10 - Em seguida, coloque o código que será responsável por alterar a imagem de fundo para a cor que você deseja = document.body.style.backgroundColor = "#000";

000 se trata da cor, que neste caso é preto. Para colocar outras cores você insere o valor dela, ou, escreva ela entre as aspas, exemplo: "red".

Tutorial feito baseado no video: https://www.youtube.com/watch?v=SnsdWsDhBfo