Como criar uma extensão para o Google Chrome com HTML, CSS e JavaScript |

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น • 126

  • @molinaofc
    @molinaofc 2 ปีที่แล้ว +21

    Tua didática é incrível, fora que os conteúdos são feras. Estou lidando com HTML/CSS/JAVASCRIPT faz uns 5 meses e o sentimento de não saber nada é presente todos os dias, mas não vou desistir.
    Se tiver um conhecimento em Back-end também, passa pra nós! kkk Quero muito aprender Python.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +5

      Muito obrigado, Molina! Tamo junto!
      E não desiste não.
      Já já vem conteúdo de backend por aí!
      Abraço!

    • @jhonbrugg
      @jhonbrugg ปีที่แล้ว

      Eu já trabalho como dev faz 5 anos, atuando em front-end e back-end até um pouco em dev ops e eu também ainda sinto que não sei nada hahaha, abraço

  • @eliasmoura4467
    @eliasmoura4467 2 ปีที่แล้ว +2

    Excelente. Parabéns pelo conteúdo, explicou tudo de forma muito clara e chegou a fazer exemplo que podemos aplicar em infinitas possibilidades. Muito bom

  • @fagnercorrea7799
    @fagnercorrea7799 2 ปีที่แล้ว

    Ainda não vi o vídeo... Mas já garanti o like... Sucesso!

  • @isabellacastro88
    @isabellacastro88 ปีที่แล้ว +1

    Sensacional, obrigada por essa aula.

  • @vincentvangogh4567
    @vincentvangogh4567 ปีที่แล้ว +2

    Se pudesse curtir 10x o mesmo vídeo eu curtiria! valeu...

  • @NonatoLeite
    @NonatoLeite ปีที่แล้ว +1

    Eu gostei muito!
    Uma fala muito fácil de se entender.
    Obrigado, amigo. Esse vídeo em muito me ajudou!

  • @renanfelixdesouza2819
    @renanfelixdesouza2819 2 ปีที่แล้ว +1

    Opa! Ja deixei salvo pra quando chegar do trampo correr pra trabalhar nesse projeto! Gratidão!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Eu que agradeço o apoio, Renan! Tamo junto!
      Abraço!

  • @gabrielvieira4383
    @gabrielvieira4383 11 หลายเดือนก่อน

    Queria entender um pouco melhor como criar extensões do Chrome pra poder fazer uma um pouco mais complexa, e acredito que esse vídeo vai ser ótimo para eu ter como base. Vlw, cara!

  • @DIVERSALIZANDO
    @DIVERSALIZANDO 2 ปีที่แล้ว +1

    Pow show de bola!! Eu tava criando uma extensão porém tava agarrado na parada da api, mas agora vc deu um empurrão!! A ideia era injetar js, e css. Valeu!!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Show demais, em! Tamo junto! :D

  • @sorrindo
    @sorrindo ปีที่แล้ว

    Fantástico seu canal. Explicacão muito didática. Tem canal grande que finge que explica. Mas, não fala os detalhes. Você realmente explica cada detalhe. Já me inscrevi e vou maratonar todos os seus vídeos. Parabéns! Continue! Excelente trabalho.👏👏👏👏

    • @ManualdoDev
      @ManualdoDev  ปีที่แล้ว

      Muito obrigado pelo apoio!

  • @eskelsen1417
    @eskelsen1417 7 หลายเดือนก่อน +2

    Melhor vídeo sobre o assunto.

  • @SuperAueio
    @SuperAueio 2 ปีที่แล้ว

    this is going to be great!

  • @leok9982
    @leok9982 2 ปีที่แล้ว

    Esse canal é diferenciado. Sempre aprendo algo novo com os vídeos que me ajuda demais.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Tamo junto, Leonardo!! Valeu demais pelo apoio!

  • @web3xdobrasil
    @web3xdobrasil ปีที่แล้ว

    muito bom, era exatamente oq estava procurando para concluir uma POC que extrai dados da página e exporta em um txt 👊

  • @cleristomcarvalho341
    @cleristomcarvalho341 2 ปีที่แล้ว

    Nice tutorial

  • @thalles2683
    @thalles2683 ปีที่แล้ว

    Parabéns pelo conteúdo, show demais!

  • @romuscop
    @romuscop 2 ปีที่แล้ว

    Legal, estava com dificuldade pra entender async /await e vc tirou minha dúvida em 30 segundos 🤡kk. Muito bom os vídeos!! Continue pfvr

  • @ldys2269
    @ldys2269 ปีที่แล้ว

    alem de muito bom o conteudo é diferenciado dos demais

  • @NERDboy
    @NERDboy 2 ปีที่แล้ว

    Só coisas, top sai desse canal oloko... a cada dia fico mais, ansioso pelo conteúdos

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Tamo junto, meu amigo!

  • @lowzftn1
    @lowzftn1 2 ปีที่แล้ว

    Esse conteúdo não é tão útil para mim, mas o jeitinho q vc ensina é ótimo, parabéns pelo canal!

  • @nicolah204
    @nicolah204 2 ปีที่แล้ว

    Great you solved one headache for me, thanks

  • @alexyn7
    @alexyn7 2 ปีที่แล้ว +1

    Mano esse canal é incrivel!!!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Tamo junto, Alexiing! Valeu demais!

  • @eltonpaulo6323
    @eltonpaulo6323 2 ปีที่แล้ว

    Excelente ensinamento!

  • @MrCaramos
    @MrCaramos 2 ปีที่แล้ว

    O melhor canal para devs que já vi!! Parabéns 👏🏻

  • @jhonatanoliveira4183
    @jhonatanoliveira4183 2 ปีที่แล้ว

    Cara eu amo seu canal e o conteúdo que você traz é diferente dos demais! Obrigado por compartilhar tanto conhecimento.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Tamo jutno, Jhonatan! Eu que agradeço o apoio! Valeu!! :D

  • @kikeeufaloieuseila3537
    @kikeeufaloieuseila3537 3 วันที่ผ่านมา

    achei muito bacana kkkk ate engraçado

  • @muzzi6984
    @muzzi6984 2 ปีที่แล้ว

    meu Deus que didática incrivel! começou a pouco tempo e ja é um dos melhores

  • @pedrohenriquefigueiredocos7657
    @pedrohenriquefigueiredocos7657 2 ปีที่แล้ว +1

    Muito bom!

  • @andredomingues6463
    @andredomingues6463 2 ปีที่แล้ว

    Seu canal é incrível, não para nunca

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Muito obrigado, André! Vamo que vamo!

  • @MrQuinteiro
    @MrQuinteiro ปีที่แล้ว

    simplismente espetacular

  • @henriquelenda9020
    @henriquelenda9020 5 หลายเดือนก่อน

    Tutorial incrivel

  • @marciaceciliadossantospisa50
    @marciaceciliadossantospisa50 ปีที่แล้ว

    Show

  • @igorsena8320
    @igorsena8320 ปีที่แล้ว

    cara esses extensoes sao muito massa, tipo olha o tanto de acessos que eles tem da pra ganhar um bom dinheiro nisso.

  • @M3Robot
    @M3Robot 8 หลายเดือนก่อน

    Mano que doidera, achei muito legal!

  • @pedrosoandre
    @pedrosoandre ปีที่แล้ว

    ótima aula, faltou falar como altera o icone do plugin

  • @mauriciovazcorreia2733
    @mauriciovazcorreia2733 2 ปีที่แล้ว

    Show de mais!!

  • @devmau1716
    @devmau1716 ปีที่แล้ว

    muuuito bom!! parabéns!

  • @nicolas_galdino
    @nicolas_galdino 2 ปีที่แล้ว

    Mais uma aula da fera!!!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว

      Tamo junto, Nicolas!
      Abraço!

  • @primodev3718
    @primodev3718 2 ปีที่แล้ว

    massa de mais cara, parabéns!

  • @deegas
    @deegas 2 ปีที่แล้ว

    Sininho ja ta ativando! Valeu por mais esse aulão mano!

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Eu que agradeço sempre o apoio, dee! Valeu demais!

    • @deegas
      @deegas 2 ปีที่แล้ว

      @@ManualdoDev cara, vc disponibiliza um conteúdo gratuito, com uma didática diferente de tudo q eu tenho visto. Estou entrando agora em React, não me sinto preparado ainda pois meu JS n tá nem 80% mas quero me introduzir e dps voltar pro KA puro e vou começar com seu tutorial de React. Não pare de produzir conteúdo, por favor! Forte abraço mano!

  • @ThiagoOliveira-yk3sx
    @ThiagoOliveira-yk3sx 2 ปีที่แล้ว

    Sensacional!

  • @iagomoreira4389
    @iagomoreira4389 2 ปีที่แล้ว

    muito massa !!!!

  • @jeanmoura2912
    @jeanmoura2912 28 วันที่ผ่านมา

    👏👏👏👏👏👏

  • @betolima3123
    @betolima3123 19 วันที่ผ่านมา

    Olá caro amigo!
    As extensões do Chrome são feitas então em Html, Js, e Css então?
    É uma tecnologia, que considero linguagem mesmo, excelente e surpreendente!

  • @ColldMaster
    @ColldMaster 2 ปีที่แล้ว

    Top de mais.... Vou tentar trocar o thema do google tradutor.

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +1

      Show demais em, Júnior!

  • @sette0_026
    @sette0_026 8 หลายเดือนก่อน

    cara, muito obrigado.

  • @devgust2439
    @devgust2439 2 ปีที่แล้ว +1

    Top demais irmão , parabéns pela explicação e qualidade do conteúdo!! Você pensa em fazer alguns projetos com react aqui no canal ?? iria ser top demais!!

  • @danielf4270
    @danielf4270 หลายเดือนก่อน +1

    Cara é possível fazer qualquer coisa dentro do site corrente com uma extensão?
    É possível, usar httpRequest? E acessar diretamente as APIS do site? Ou tem outro caminho melhor para fazer isso?

  • @khy2489
    @khy2489 2 ปีที่แล้ว +2

    Boa noite, qual o ser perfil do linkedin ? Fiz uma versão do vídeo de jogo com javascript e gostaria de compartilhar ela e te mencionar na mesma

  • @N0TZ3R0
    @N0TZ3R0 2 ปีที่แล้ว

    Muito bom :)

  • @edyedy1481
    @edyedy1481 ปีที่แล้ว +2

    Como faço pra publicar uma extensão com venda recorrente?

  • @wesleymineiro2399
    @wesleymineiro2399 2 ปีที่แล้ว

    THANK YOU A LOT!!!

  • @maykgomes9395
    @maykgomes9395 2 ปีที่แล้ว

    Conteúdo íncrivel, no caso para botar uma extensão ''no ar'' para poder ser achada na loja do google, como faz ?

  • @viniciuslima9814
    @viniciuslima9814 2 ปีที่แล้ว

    Vídeo novo, já tô aqui

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +2

      Foi rápido em, Vinicius! heheh
      Muito obrigado pelo apoio!
      Abraço!

  • @ET.YohanPhTw2
    @ET.YohanPhTw2 10 หลายเดือนก่อน

    foi um pouco rapido o inicio, mas assistindo umas 10 vezes da pra começar a entender pra quem esta mexendo pela primeira vez no VS code

  • @ErKCSGO
    @ErKCSGO 2 ปีที่แล้ว

    Thanks Bruh!

  • @lucascampos4237
    @lucascampos4237 2 ปีที่แล้ว

    Cara eu largo tudo pra trabalhar pra vc, seja meu mentor, onegai onichan

  • @DeusDaAFé
    @DeusDaAFé ปีที่แล้ว

    @manual do Dav você consegue fazer script de uma casa de apostas?

  • @danimichely2723
    @danimichely2723 2 ปีที่แล้ว

    Olá, tudo bem? Show de bola esse tuto.
    Tenho uma pergunta meio boba kkk, mas o que vc fez para a aba do navegador ficar com a borda arredondada 6:00?

    • @wpn1
      @wpn1 ปีที่แล้ว

      deve estar usando o windwos 11

  • @lowzftn1
    @lowzftn1 2 ปีที่แล้ว

    Faz a pt 2 do jogo do Mario pfvv!

  • @oalvaroaquino
    @oalvaroaquino 10 หลายเดือนก่อน

    como faz para deixar a extensão no web store?

  • @VontadeMudar
    @VontadeMudar ปีที่แล้ว

    Ola tudo bem, adorei o vídeo. Mas na hora de carregar a extensão apareceu esse erro aqui pra mim: 'Não foi possível carregar "content.js" em javascript para o script de conteúdo.
    Não foi possível carregar o manifesto". Alguem sabe como resolver??

  • @josesandro7793
    @josesandro7793 2 ปีที่แล้ว +1

    Opa ótimo vídeo!! Gostaria de saber como resolver um problema que estou tendo sou novo no SVCODE e estou tendo um problema que não estou conseguindo resolver. Ao colocar o código

  • @TIAGOLEOMILBALAN-mf5et
    @TIAGOLEOMILBALAN-mf5et 5 หลายเดือนก่อน

    Como que faz para colocar uma extensão visível ao público? criei a minha mas quando pesquiso na web store ela não aparece

  • @JuliCorso
    @JuliCorso ปีที่แล้ว

    Poderia gentilmente me dizer qual a fonte, tema e ícones que está utilizando no VS Code?

    • @Redzinho3355
      @Redzinho3355 ปีที่แล้ว

      C não me engano o primeiro video dele tem isso

  • @Tequeru
    @Tequeru ปีที่แล้ว

    amigo me ajuda, aprendi muito com o vídeo, mas eu queria editar um site de um jogo, deixar o layout mais limpo, então eu queria fazer um script pra desligar apenas uma imagem específica e deixar uma tab sempre ativa (que é ativada quando é clicada) porém tó tendo dificuldades, tentei com o modo do vídeo, sei que era só pra ensinar, mas apaga todas as imagens, não sei nem por onde começar a estudar Js, mas entendi tudo que as funções apresentadas fazem.
    a imagem tá dentro de um body+div+section+div+img, mas ela tem uma classe q deve ser mais fácil, mas não sei como puxar essa clase para alterar

  • @zambisincero2977
    @zambisincero2977 หลายเดือนก่อน

    Poderia me ajudar ? Eu estou tentando desenvolver uma extensão que clica em um elemento do HTML, no caso o elemento não é um buttom mas é clicável, o código que fiz nem consegue encontrar a class do elemento poderia por favor me ajudar ?

  • @juniorsousa9992
    @juniorsousa9992 6 หลายเดือนก่อน

    meu código está igual ao passado na aula, porém, quando clica na extensão ela não abre e não aparece nada, e contém um erro de aparecendo na extensão:
    Rastreamento de pilha
    script.js:1 (função anônima)
    const form = document.querySelector('form');
    alguém mais com esse erro?

  • @centroeducacional-cec7957
    @centroeducacional-cec7957 2 ปีที่แล้ว

    Como fazer para ele trocar automaticamente?

  • @LinKLiZe
    @LinKLiZe ปีที่แล้ว

    Oi tudo joia. Queria te perguntar se ficaria muito caro para vc poder criar uma extensão pra mim, não acredito que seja muito complicado...eu acho kkk Abração.

  • @hortizqueiroz
    @hortizqueiroz ปีที่แล้ว

    como seria para mudar o div e nav?

  • @explodindogeral
    @explodindogeral ปีที่แล้ว

    Como faço uma extensão para auto completar o endereço do navegador em todas paginas atualizadas dentro de um endereço.
    Minhas vendas estão saindo do meu código de loja e estou perdendo as vendas. Como faço esta extensão para o clientes manter em meu código de vendas? Se não for possível de graça me passa o orçamento. Obrigado!

  • @rennanalves5682
    @rennanalves5682 ปีที่แล้ว

    Pra executar um script sem precisar abrir popup e sem nenhum evento de clique como seria?

  • @pedrofurtado8444
    @pedrofurtado8444 ปีที่แล้ว

    como faço para ecessar esse array? para modificar apenas a primeira imagem na página ?

  • @marciopaulo1708
    @marciopaulo1708 ปีที่แล้ว

    Como que muda uma classe especifica de uma css de um site?

  • @ngajahub
    @ngajahub 2 ปีที่แล้ว

    como eu crio o site para tirar fundo de imagens?

  • @leall77
    @leall77 2 ปีที่แล้ว

    Ola tudo bem? Eu estou com um probleminha de que o meu input não carrega o link oq eu faço?

  • @FantasmitoJoga
    @FantasmitoJoga ปีที่แล้ว

    Como adiciona a chrome web store?

  • @explodindogeral
    @explodindogeral ปีที่แล้ว

    Meu amigo cria a opção de membros.

  • @Indiantrade1
    @Indiantrade1 ปีที่แล้ว

    comprei uma extensao para crome e pede loigin e senha pra entrar nela e o cara sumiu que me vendeu tem como remover esse login e senha e entrar direto na extensao ?

  • @gustavo.4258
    @gustavo.4258 ปีที่แล้ว

    cara por acaso eu consigo recuperar dados de alguma pagina?um exempo o usuario clicou em uma tabela e eu quero recuperar os numeros que estao nessa tabela, preciso de alguma autorização da pagina ou algo do tipo?

  • @maximillian8
    @maximillian8 11 หลายเดือนก่อน

    eu tentei fazer, mas acredito que dessa forma não está funcionando mais

  • @diegoferreira622
    @diegoferreira622 2 ปีที่แล้ว

    Ensina criar uma que faz download de vídeos

  • @heudersena
    @heudersena 2 ปีที่แล้ว

    Mano estava pensando, sera que tem como una coisa dessa funciona da seguinte forma, pegar um conteúdo de uma página e salva em uma base de dados.
    Exemplo: na minha empresa preciso autorizar umas coisas, pegar do site do gov.br as infração de vários veículos, será que dá prá fazer isso com essa estratégia?

    • @noob_69
      @noob_69 2 ปีที่แล้ว

      estou tentando fazer algo parecido, conseguiu descobrir algo?

    • @heudersena
      @heudersena 2 ปีที่แล้ว

      @@noob_69 fiz sim, porem quero melhor mais ainda

  • @marcelohenrique5500
    @marcelohenrique5500 ปีที่แล้ว

    Como eu deixo uma imagem fixa?

  • @planetavisto1155
    @planetavisto1155 10 หลายเดือนก่อน

    Vocês tem um contanto

  • @Rep_Enzo96543
    @Rep_Enzo96543 2 ปีที่แล้ว

    Quick question mike....

  • @teteumpa394
    @teteumpa394 2 ปีที่แล้ว

    the best crack i've ever seen

  • @supersoares56
    @supersoares56 ปีที่แล้ว

    Tem como criar uma extensão pra mim? Com minhas especificações,eu pago.

  • @fabio_lopes_prospeccaopj
    @fabio_lopes_prospeccaopj 5 หลายเดือนก่อน

    Quanto que você cobraria para criar para mim uma extensão no Google Chrome que funcione no WhatsApp web?

  • @higorlokk
    @higorlokk 2 ปีที่แล้ว

    O meu esta dando erro mano, la no args, mas o codigo está igual o seu.. se puder ajudar eu agradeço !
    Obs: vídeo top, a imaginação vai longe ao ver que extensão é algo "simples"

    • @arthurguimaraes8764
      @arthurguimaraes8764 2 ปีที่แล้ว

      to com o mesmo erro :(

    • @ManualdoDev
      @ManualdoDev  2 ปีที่แล้ว +2

      Pode dar mais detalhes sobre o erro? Manda aí o trecho do seu código também!

    • @arthurguimaraes8764
      @arthurguimaraes8764 2 ปีที่แล้ว

      @@ManualdoDev
      Uncaught (in promise) TypeError: Cannot read properties of null (reading 'value')
      Contexto
      index.html
      Rastreamento de pilha
      script.js:17 (função anônima)
      const form = document.querySelector('form');
      const input = document.querySelector('.input');
      const replaceImages = (url) => {
      const images = document.querySelectorAll(img);
      images.forEach((image) => image.src = url);
      }
      form.addEventListener('submit', async (event) => {
      event.preventDefault();
      const [tab] = await chrome.tabs.query({ active: true, currentWindow: true });
      chrome.scripting.executeScript ({
      target: {tabId: tab.id},
      function: replaceImages,
      args: [input.value]

    • @higorlokk
      @higorlokk 2 ปีที่แล้ว

      @@arthurguimaraes8764 o meu é o mesmo ERRO !

    • @higorlokk
      @higorlokk 2 ปีที่แล้ว

      @@ManualdoDev o mesmo ERRO do Artur !

  • @mundo_gacha_aninha
    @mundo_gacha_aninha 6 หลายเดือนก่อน

    que mania de nao explicar o começo

  • @Pissinet
    @Pissinet 7 หลายเดือนก่อน +1

    Obrigado, através do seu exemplo consegui construir uma extensão de extração de dados como e-mail e telefone, por que trabalho com vendas e é muito ruim ficar procurando um número ou e-mail né um site, pois cada site tem uma posição diferente

    • @ManualdoDev
      @ManualdoDev  6 หลายเดือนก่อน +1

      Que massa, amigo! Show demais

    • @Paulohssf
      @Paulohssf 3 หลายเดือนก่อน

      Você conseguiu fazer aquelas que da pra enviar áudio já gravado como se fosse gravado na hora?

    • @Pissinet
      @Pissinet 3 หลายเดือนก่อน

      @@Paulohssf O objetivo era saber como funciona um plugin. Como dou permissão e fazer a manipulação da aba ativa. Peguei a base e apliquei a lógica em outra aplicação. Só com chatGPT Não estava conseguindo, talvez ele ainda esteja com códigos desatualizados ou sei lá. Mais o vídeo me ajudou bastante...

  • @explodindogeral
    @explodindogeral ปีที่แล้ว

    Qual o seu insta?