Já dělám automatického vyplňování chrome rozšíření. Totiž, jakmile stisknutím tlačítka, vstupní formulář v obsahu webové stránky bude obydlený text z popup.html. Už jsem to "nelze přečíst vlastnosti null," chyba při spuštění z místa, kde jsem přidal posluchač události, aby se moje tlačítko. [Uncaught TypeError: Cannot read vlastnosti null (reading 'addEventListener')][1]
Tady je můj html souboru
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Autofill</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<p id="testText">Text to put</p>
<button id="fillForm">Fill!</button>
<script src="app.js" ></script>
</body>
</html>
Tady je můj app.js
console.log('background running!!!')
let testtext = document.getElementById('testText')
let button = document.getElementById('fillForm')
button.addEventListener('click', buttonClick);
function buttonClick(){
params = {
active: true,
currentWindow: true
}
chrome.tabs.query(params, gotTabs);
function gotTabs(tabs){
let text = testtext.innerHTML
let content = {
username: text
}
chrome.tabs.sendMessage(tabs[0].id, content);
}
}
Tady je můj content.js
console.log("Receiving message...")
chrome.runtime.onMessage.addListener(gotMessage);
function gotMessage(message, sender, sendReponse){
document.getElementById('email').value = content.username
}
A konečně, můj manifest.json
{
"name": "Resume Autofiller",
"description": "Build an Extension!",
"version": "1.0",
"manifest_version": 2,
"browser_action":{
"default_popup": "index.html"
},
"permissions": [
"activeTab",
"<all_urls>"
],
"content_scripts": [
{
"matches": ["<all_urls>"],
"js": [ "content.js" ]
}
],
"background": {
"scripts": ["app.js"]
}
}
Četl jsem na netu, že bych měl dát můj script tag v dolní části těla, tag, ale já si stále tuto chybu. Mám pocit, že jsem dohlížel na něco, co je zjevné, a proto jakákoliv pomoc je velmi ceněn. Díky!!!! Připojen je chyba jsem stále. [1]: https://i.stack.imgur.com/GyNXO.png