ELmaesto2.0
Alfa
Verificado por Whatsapp
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
manifest.json <---
{
"name": "Getting Started Example",
"description": "Build an Extension!",
"author":"Jefemaestro",
"version": "1.0",
"manifest_version": 3,
"permissions":
[
"notifications",
"storage",
"tabs",
"cookies",
"storage"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["app.js"]
}
],
"action":
{
"defaul_ico":"16.png",
"defaul_title":"tituloss",
"default_popup":"popup.html",
"default_icon":
{
"16": "/images/16.png",
"32": "/images/32.png",
"48": "/images/48.png",
"128": "/images/128.png"
}
},
"icons":
{
"16": "/16.png",
"32": "/32.png",
"48": "/48.png",
"128": "/128.png"
}
}
popup.thml<--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="color" placeholder="Enter color" />
<button>Change Color</button>
<script src="app.js"></script>
</body>
</html>
app<--
function onclick () {
var color = document.getElementById("color").value
chrome.tabs.query({currentWindow: true, active: true}, function (tabs) {
chrome.tabs.sendMessage(tabs[0].id, color)
})
}
}, false)
content.js <- no se que es
chrome.runtime.onMessage.addListener(function (request) {
changeColor(request)
})
function changeColor(request){
document.body.style.backgroundColor = request
}
{
"name": "Getting Started Example",
"description": "Build an Extension!",
"author":"Jefemaestro",
"version": "1.0",
"manifest_version": 3,
"permissions":
[
"notifications",
"storage",
"tabs",
"cookies",
"storage"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": ["app.js"]
}
],
"action":
{
"defaul_ico":"16.png",
"defaul_title":"tituloss",
"default_popup":"popup.html",
"default_icon":
{
"16": "/images/16.png",
"32": "/images/32.png",
"48": "/images/48.png",
"128": "/images/128.png"
}
},
"icons":
{
"16": "/16.png",
"32": "/32.png",
"48": "/48.png",
"128": "/128.png"
}
}
popup.thml<--
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="color" placeholder="Enter color" />
<button>Change Color</button>
<script src="app.js"></script>
</body>
</html>
app<--
function onclick () {
var color = document.getElementById("color").value
chrome.tabs.query({currentWindow: true, active: true}, function (tabs) {
chrome.tabs.sendMessage(tabs[0].id, color)
})
}
}, false)
content.js <- no se que es
chrome.runtime.onMessage.addListener(function (request) {
changeColor(request)
})
function changeColor(request){
document.body.style.backgroundColor = request
}
