Hören auf Körper während der Entwicklung von Chrome-Erweiterung klicken

Question

Ich bin neu in der Entwicklung von Erweiterungen und möchte eine Erweiterung entwickeln, die einige Aktion ausführt, wenn der Benutzer Körper für Starter klickt. Es sollte einfach sein und ich weiß, dass wir document.body.addEventListener hier verwenden werden, aber ich weiß nicht, wo ich es einfügen soll - content.js oder background.js oder woanders.

Bitte helfen, wie ich auf diesem Ding seit langer Zeit festhalte.

Answer 1

Mit JQuery:

$('html, body').click(function(e) { 
    //do something 
}); 

oder Javascript:

document.addEventListener("click", function(){ 
    // do the same thing differently 
}); 

Dann müssen Sie den Code in der Zielseite zu bekommen. Sie können dies auf zwei Arten tun:

1) Stellen Sie den Code in ein Inhaltsskript, stellen Sie sicher, dass das Inhaltsskript in alle Seiten eingefügt wird. Also das Manifest JSON muss hierfür sind:

"content_scripts": [ 
    { 
     "matches": ["http://*/*", "https://*/*"], 
     "js": [ "<relative path to your script here>"], 
     "run_at": "document_start" 
    } 
    ], 

2) Sie das Skript programmatisch in jede Seite injizieren kann, durch ein anderes Ereignis ausgelöst mit

chrome.tabs.executeScript({ 
    code: 'your code here' 
    }); 

oder

chrome.tabs.executeScript(null, {file: "<relative path to your code here"});