em Geral

Criando uma extensão do Chrome para injetar código HTML em uma página

O código abaixo possibilita que você crie uma extensão para o Google Chrome para injetar código HTML em uma página da web.

Para baixar o código fonte clique abaixo:


// this is the background code...
// listen for our browerAction to be clicked
chrome.browserAction.onClicked.addListener(function (tab) {
// for the current tab, inject the "inject.js" file & execute it
chrome.tabs.executeScript(tab.ib, {
file: 'inject.js'

// this is the code which will be injected into a given page...
(function() {

// just place a div at top right
var div = document.createElement(‘div’);
div.style.position = ‘fixed’;
div.style.top = 0;
div.style.right = 0;
div.textContent = ‘Injected!’;

alert(‘inserted self… giggity’);


"name": "Injecta",
"version": "0.0.1",
"manifest_version": 2,
"description": "Injecting stuff",
"homepage_url": "http://danharper.me",
"background": {
"scripts": [
"persistent": true
"browser_action": {
"default_title": "Inject!"
"permissions": [