Стоит задача обновлять данные в расширении с определенной периодичностью. Данные запрашиваю с определенного URL, следом просто вывожу их внутрь расширения.
Сделал через setTimeout, но хром ругается
В какую сторону копать, или как лучше это реализовать? из подходящего нашел добавление в манифест "content_security_policy": "script-src 'self' 'unsafe-eval'; object-src 'self'". Но не думаю, что это хорошее решение
// global vars
const block = document.querySelector('#links');
// get links
const getJSON = (url) => fetch(url).then(r => r.json());
const getLinks = () => getJSON('url');
// template
const linkTemplate = (name,domain) => `<a class="loaded__link" href="http://${domain}" target="_blank"> ${name} </a>`;
const createLinks = () => {
getLinks().then(r => r.forEach(elem => {
block.insertAdjacentHTML('afterbegin', linkTemplate(elem.name, elem.domain));
}));
};
// refresh links
setTimeout(createLinks(), 1000)
В данном случае, я понимаю что контент в блок будет просто добавляться и добавляться. Но через innerHTML тоже выдает такую ошибку.