Otomatik doldurma chrome uzantısı yapıyorum. Yani, bir düğmeye bastıktan sonra, içerik web sayfasındaki bir giriş formu açılır pencereden gelen metinle doldurulacaktır.html. Düğmeme bir olay dinleyicisi eklediğim yerden başlayarak bu "null özelliklerini okuyamıyor" hatasını alıyorum. [Yakalanmamış TypeError: Null özellikleri okunamıyor ('addEventListener'okunuyor)][1]
İşte benim html dosyam
<!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>
İşte benim uygulamam.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);
}
}
İşte benim içeriğim.js
console.log("Receiving message...")
chrome.runtime.onMessage.addListener(gotMessage);
function gotMessage(message, sender, sendReponse){
document.getElementById('email').value = content.username
}
Son olarak, manifestom.jsonname
{
"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"]
}
}
Komut dosyası etiketimi gövde etiketinin altına koymam gerektiğini çevrimiçi okudum, ancak yine de bu hatayı alıyorum. Açık bir şeyi denetliyormuşum gibi hissediyorum, bu nedenle herhangi bir yardım büyük beğeni topluyor. Teşekkürler!! Ekli, aldığım hatadır. [1]: https://i.stack.imgur.com/GyNXO.png