Hej,
försöker skapa ett chrome extension som ska visa en liten popup när man besöker vissa sidor. Jag har lyckats med allt utom själva visandet av pop-up. Någon som kan hjälpa mig?
fetch(chrome.runtime.getURL('assets/data.json'))
.then(response => response.json())
.then(data => {
const websites = data.domains;
// Get the current domain
let currentDomain = window.location.hostname;
currentDomain = currentDomain.substring(currentDomain.indexOf('.') + 1, currentDomain.length);
const matchDomain = domain => {
return websites.some(entry => entry.domain === domain);
}
// Check if the current domain is in the list
if (matchDomain(currentDomain)) {
showNotificationBox(currentDomain)
//alert('Denna sida kan du använda zupergift på')
}
})
.catch(error => {
console.error('Error loading domains:', error)
});
function showNotificationBox(domain) {
fetch(chrome.runtime.getURL('popup.html'))
.then(response => response.text())
.then(html => {
// Use the HTML content
console.log(html);
const parser = new DOMParser();
const doc = parser.parseFromString(html, 'text/html');
document.body.appendChild(doc.body.firstChild);
// Now you can manipulate or inject this HTML content into your extension's UI
})
.catch(error => console.error('Error loading HTML:', error));
// Hide the notification box after 5 seconds (adjust as needed)
setTimeout(() => {
//notificationBox.parentNode.removeChild(notificationBox);
}, 5000);
}
Dold text
Den loggar korrekt HTMLn så den lyckas hämta det men sedan tar det stopp.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<div class="header">
Zupergift
</div>
<div class="content">
<img src="assets/airplane.png" alt="Icon" class="icon">
<p class="text">
edasdasdd
</p>
</div>
<a class="button">asdasdas</a>
</div>
</body>
</html>
html