I am trying to create a basic chrome extension that just displays what is in the HTML code when clicked on. Right now it only opens up the extension options when clicked.
The html file loads on chrome://extension:extensioname/popup.html
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="button.css">
</head>
<body style="background-color: #10142c">
<div class="container mt-3" style="width: 450px;">
<table width=100% height=100%>
<tr>
<td style="text-align: center; vertical-align: middle;">
<img id="button" src="dn.png" width="250px" />
</div>
</td>
</tr>
</table>
</div>
<script src="index.js"></script>
</body>
</html>
manifest.json
{
"name": "Title",
"version": "1.0.0",
"description": "description..",
"manifest_version": 3,
"author": "Ted",
"browser_action":{
"default_popup": "popup.html",
"default_title": "title"
}
}
Result when clicking on the extension just opens this menu:
