Я пытаюсь создать расширение Chrome, но возникают проблемы с DOMContentLoaded, так как он не запускается.
Примечание. Мой код был взят с другого веб-сайта.По сути, я создал файл HTML
с кнопкой:
<head>
<title>GTmetrix Analyzer</title>
<script src="popup.js"></script>
</head>
<body>
<h1>GTmetrix Analyzer</h1>
<button id="checkPage">Check this page
now!</button>
</body>
И это файл JS (popup.js):
document.addEventListener
('DOMContentLoaded',
function() {
console.log("f")
var checkPageButton =
document.getElementById('checkPage');
checkPageButton.addEventListener('click',
function() {
chrome.tabs.getSelected(null,
function(tab) {
d = document;
var f = d.createElement('form');
f.action = 'http://gtmetrix.com/analyze.html?bm';
f.method = 'post';
var i = d.createElement('input');
i.type = 'hidden';
i.name = 'url';
i.value = tab.url;
f.appendChild(i);
d.body.appendChild(f);
f.submit();
});
}, false);
}, false);
Я добавил событие console.log, чтобы проверить, выполняется ли событие, поэтому я убедился, что оно не работает.Я также добавил run_at": "document_start
, но затем получил
Uncaught TypeError: Невозможно прочитать свойство 'addEventListener' со значением null
Для события "click", поэтому я предполагаю, чтособытие было инициировано до создания кнопки.
Помогите, пожалуйста!