Can't find console output for add-on loaded with "Load Temporary Add-on"

mgalgs · November 12, 2021, 9:41pm

I’m working on a simple add-on but my keyboard shortcut “commands” don’t seem to be running. I’m having a hard time debugging it because I can’t locate my script’s console output or find my script in my devtools debug sources.

I’m using a content script, so according to Debugging content scripts (Extension Workshop) I should see my console output in the regular console for the page where my script is injected.

I’ve also checked the extension-specific debugging interface (by clicking “Inspect” from the about:debugging -> This Firefox page) but I don’t see my logs or sources there either.

I’m loading my add-on using about:debugging -> This Firefox -> Load Temporary Add-on.

Here’s my manifest.json:

github.com

mgalgs/duckduckgoog/blob/fcdf144eaec9dd52c653187c271447c9b42af113/src/manifest.json

{
    "manifest_version": 2,
    "name": "DuckDuckGoog",
    "version": "1.0",
    "description": "Puts g! on a keyboard shortcut for quicker DDG ripcord pulling",
    "icons": {
        "48": "icons/icon-48.png"
    },
    "content_scripts": [
        {
            "matches": ["*://duckduckgo.com/*"],
            "js": ["duckduckgoog.js"]
        }
    ],
    "commands": {
        "pull-ripcord": {
            "suggested_key": {
                "default": "Ctrl+Comma"
            },
            "description": "Send current search to Google (via g!)"

This file has been truncated. show original

And the extension:

github.com

mgalgs/duckduckgoog/blob/fcdf144eaec9dd52c653187c271447c9b42af113/src/duckduckgoog.js

document.body.style.border = "5px solid red";

const pullRipcord = () => {
    const ipt = document.getElementById("search_form_input");
    ipt.value += ' g!';
    ipt.form.submit();
};

browser.commands.onCommand.addListener((command) => {
    console.log("Got command:", command);
    if (command === "pull-ripcord")
        pullRipcord();
});

console.log("HELLO DUCKDUCKGOOG");

My extension does seem to be loading because I see the red border around the page.

Any ideas what I’m missing here?

hans_squared · November 12, 2021, 10:16pm

Can you zip your add-on and upload it?
7th icon from the left (arrow up) when you click Reply

mgalgs · November 13, 2021, 12:30am

I’m getting an error that “new users cannot upload attachments”, sorry

My source code is all here: GitHub - mgalgs/duckduckgoog: Firefox addon to put g! on a keyboard shortcut for quicker DDG ripcord pulling

You can clone the repo with git or use the “Download ZIP” feature:

hans_squared · November 13, 2021, 9:35am

You’re calling browser.commands.onCommand.addListener() from a content script.
The content script crashes (?) when it reaches this line, so console.log() isn’t executed.
If you put browser.commands.onCommand.addListener() in a background script, it works.

mgalgs · November 15, 2021, 4:57am

Aaaaah! Got it, thank you! Looks like I need a new architecture…