Maison > tutoriels informatiques > Navigateur > Exemple d'options browser.tabs.sendmessage

Exemple d'options browser.tabs.sendmessage

DDD
Libérer: 2024-08-15 14:33:20
original
394 Les gens l'ont consulté

Cet article fournit un guide complet sur l'utilisation de l'option browser.tabs.sendmessage() pour activer la communication entre les scripts de contenu et le script d'arrière-plan dans les extensions de navigateur. Il décrit les étapes d'envoi et de réception de messages, puis

Exemple d'options browser.tabs.sendmessage

Comment utiliser l'option browser.tabs.sendmessage() pour envoyer des messages au script d'arrière-plan ?

Le browser.tabs.sendmessage() permet la communication entre les scripts de contenu et le script d'arrière-plan dans une extension de navigateur. Pour utiliser cette option, suivez ces étapes :<code>browser.tabs.sendmessage() option enables communication between content scripts and the background script in a browser extension. To use this option, follow these steps:

  • In your content script, create a message object containing the data you want to send.
  • Use the browser.tabs.sendmessage() method, specifying the tab ID and the message object as arguments.
<code class="javascript">// Content script:
browser.tabs.sendMessage({greeting: "Hello from content script!"});</code>
Copier après la connexion

Points to Note When Using browser.tabs.sendmessage() Option

Consider the following points when using browser.tabs.sendmessage():

  • Ensure that the tab ID is valid. You can use browser.tabs.query() to get a list of all open tabs.
  • The message object should be serializable, meaning it can be converted into a JSON string.
  • The background script must be listening for messages using browser.runtime.onMessage.addListener.

How to Use browser.tabs.sendmessage() Option to Communicate Between Content Script and Background Script?

To establish communication between a content script and a background script using browser.tabs.sendmessage(), follow these steps:

  • In the content script, define a listener for messages using browser.runtime.onMessage.addListener.
  • In the background script, use browser.tabs.sendmessage()
    • Dans votre script de contenu, créez un objet message contenant les données que vous souhaitez envoyer.
    • Utilisez la méthode browser.tabs.sendmessage() , en spécifiant l'ID de l'onglet et l'objet de message comme arguments. >:
      🎜Assurez-vous que l'ID de l'onglet est valide. Vous pouvez utiliser browser.tabs.query() pour obtenir une liste de tous les onglets ouverts.🎜🎜L'objet du message doit être sérialisable, ce qui signifie qu'il peut être converti en chaîne JSON.🎜🎜Le script d'arrière-plan doit être à l'écoute des messages en utilisant browser.runtime.onMessage.addListener.🎜🎜🎜Comment utiliser l'option browser.tabs.sendmessage() pour communiquer entre le script de contenu et le script d'arrière-plan ?🎜🎜Pour établir une communication entre un script de contenu et un script d'arrière-plan utilisant browser.tabs.sendmessage(), suivez ces étapes :🎜
        🎜Dans le script de contenu, définissez un écouteur pour les messages à l'aide de browser.runtime. onMessage.addListener.🎜🎜Dans le script d'arrière-plan, utilisez browser.tabs.sendmessage() pour envoyer des messages à des onglets spécifiques ou à tous les onglets.🎜🎜Gérez les messages reçus dans l'écouteur correspondant à la fois dans le script de contenu et dans le script d'arrière-plan.🎜🎜
    <code class="javascript">// Content script:
    browser.runtime.onMessage.addListener((request, sender, sendResponse) => {
      // Handle the received message here
    });
    
    // Background script:
    browser.tabs.sendMessage(tabId, {greeting: "Hello from background script!"});</code>
    Copier après la connexion

    Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal