Chrome Extention: How to get document.title of the current tab?

Question

In the extention there is a button on the popup page, when I click it I want it to get the title of the current tab. But when I click it, it gives me the title of the popup page. I have tried using chrome.tabs.executeScript() but couldn't make it work. The only time it worked it when I use a backgound.js, but I only want it to do something when I clicked the button. I am really stuck, any help would be apreciated.

Here is the manifest.json

{
    "name": "extention_test",

    "description": "extention descripton",

    "manifest_version": 3,

    "version": "1.0",

    "content_scripts": [{
        "matches": ["https://www.youtube.com/*"],
        "js": ["background.js"],

    }],


    "action": {
        "default_popup": "popup.html",
        "default_title": "test",

    },

    "permissions": [
        "activeTab"
    ]


}

Here is the popup.html

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>Not This Title</title>
</head>

<body>

    <button id="btn">Click me</button>
    <script src="button.js"></script>


</body>

</html>

Here is the button.js

const btn = document.getElementById('btn');


btn.addEventListener('click', function handleClick() {


    btn.textContent = 'Button clicked';
    alert(document.title)
   
});

Chrome Extention: How to get document.title of the current tab?

0 Answers0