Я разрабатываю расширение Chrome для сохранения и управления открытыми в данный момент вкладками.Страница параметров содержит левую боковую панель со списком интерактивных элементов.Правая сторона показывает содержимое выбранного в данный момент элемента и плавающую кнопку «Добавить», которая должна добавлять динамически активируемый элемент li в список.Этот новый элемент li также должен содержать кнопку удаления со слушателем для удаления элемента.
Расширения Chrome не поддерживают встроенный JavaScript и встроенный прослушиватель щелчков.И в качестве решения мы можем добавить слушателей при загрузке страницы к уже существующим / статическим кнопкам с помощью их селектора.Как показано здесь и здесь
Но как мы добавляем динамические кнопки со слушателями.
<div class="session-list">
<ul id="session-list-content">
</ul>
</div>
// add button should perfom this
var txt = `<li class="${cls}" onclick="showSession()">
<div class="session-title">${session.name}</div>
<div class="session-date">${date}</div>
<button onclick="removeSession(${session.id})">Delete</button>
</li>`;
$('#session-list-content').append($(txt));
Ошибка: отказано в выполнении встроенного событияобработчик, потому что он нарушает следующую директиву Content Security Policy: "script-src 'self' blob: filesystem: chrome-extension-resource:".Для включения встроенного выполнения требуется ключевое слово unsafe-inline, хеш (sha256 -...) или одноразовый номер (nonce -... ').