Tweet
Eu estava navegando na Net quando me veio uma curiosidade, como criar extensões para o google chrome, a resposta veio rápido, achei esse site aqui : Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Mas agora, eu irei mostrar o que eu aprendi.
1º. Crie uma pasta com o nome de sua extensão.
2º. Vá ao bloco de notas e crie um arquivo chamado manifest.json com a seguite formatação :
Bem, como vocês viram, é preciso aprender HTML, nada tão difícil, já que a Net tá cheia de tutoriais.
3º. Crie um arquivo HTML
Exemplo :
Exemplo : extensao.html
4º. Crie ou Baixe um ícone com dimensões 16X16 no formato PNG.
Sites : Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Exemplo : icone.png
5º. Configure o arquivo manifest.json :
6º. Vá no Chrome, vá em Ferramentas/Extensões
7º. Modo desenvolvedor
8º. Faça Upload de sua pasta da extensão.
Bem, aqui estou só mostrando que é possível fazer isso e o básico de como se faz, agora para mais informçaões entre nos seguintes sites :
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar... - Página Oficial do Google, Ensinando Passo a Passo - Inglês
Mas agora, eu irei mostrar o que eu aprendi.
1º. Crie uma pasta com o nome de sua extensão.
2º. Vá ao bloco de notas e crie um arquivo chamado manifest.json com a seguite formatação :
{
"name": "NOME DA EXTENSAO",
"version": "VERSAO",
"description": "DESCRICAO DA EXTENSAO",
"browser_action":{
"default_icon": "O ICONE DA EXTENSAO",
"popup": "PAGINA HTML DA SUA EXTENSAO"
}
}
"name": "NOME DA EXTENSAO",
"version": "VERSAO",
"description": "DESCRICAO DA EXTENSAO",
"browser_action":{
"default_icon": "O ICONE DA EXTENSAO",
"popup": "PAGINA HTML DA SUA EXTENSAO"
}
}
3º. Crie um arquivo HTML
Exemplo :
<html>
<head>
</head>
<body>
<h1 align="center"><b>Minha primeira Extensao !</b></h1>
</body>
</html>
<head>
</head>
<body>
<h1 align="center"><b>Minha primeira Extensao !</b></h1>
</body>
</html>
4º. Crie ou Baixe um ícone com dimensões 16X16 no formato PNG.
Sites : Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Exemplo : icone.png
5º. Configure o arquivo manifest.json :
{
"name": "NOME DA EXTENSAO",
"version": "VERSAO",
"description": "DESCRICAO DA EXTENSAO",
"browser_action":{
"default_icon": "icone.png",
"popup": "extensao.html"
}
}
"name": "NOME DA EXTENSAO",
"version": "VERSAO",
"description": "DESCRICAO DA EXTENSAO",
"browser_action":{
"default_icon": "icone.png",
"popup": "extensao.html"
}
}
7º. Modo desenvolvedor
8º. Faça Upload de sua pasta da extensão.
Bem, aqui estou só mostrando que é possível fazer isso e o básico de como se faz, agora para mais informçaões entre nos seguintes sites :
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar...
Apenas usuários registrados e ativados podem ver os links., Clique aqui para se cadastrar... - Página Oficial do Google, Ensinando Passo a Passo - Inglês
Comment