{
"manifest_version": 3,
"name": "My Extension",
"version": "1.0",
"permissions": [
"activeTab", "scripting"
],
"action": {
"default_popup": "popup.html"
}
}document.getElementById("myButton").addEventListener("click", myFunction);
function myFunction(){
chrome.tabs.executeScript({code: 'document.querySelector("#APjFqb").value="123"'});
}<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML5</title>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
article, aside, details, figcaption, figure, footer,header,
hgroup, menu, nav, section { display: block; }
</style>
</head>
<body>
<button id="myButton"> Show password</button>
<script src="popup.js"></script>
</body>
</html>
{
"manifest_version": 3,
"name": "My Extension",
"version": "1.0",
"permissions": [
"activeTab", "scripting"
],
"action": {
"default_popup": "popup.html"
},
"background": {
"service_worker": "background.js"
}
}document.getElementById("myButton").addEventListener("click", myFunction);
function myFunction(){
chrome.runtime.sendMessage({command: "runCode"});
}chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
if (message.command === "runCode") {
chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
chrome.scripting.executeScript({
target: {tabId: tabs[0].id},
function: functionToInject
});
});
}
});
function functionToInject() {
document.querySelector("#APjFqb").value="123";
}
