Как показать всплывающее окно с расширением Chrome на странице с # в URL

Question

Я создаю расширение Chrome, чтобы показывать всплывающее окно при наведении курсора мыши по ссылке. Это работает на примере веб-сайта:

Https://example/office365_emails_email.com

, но когда я перехожу на URL, как этот

Https://example/new.html#!/office365_emails_email.com расширение не работает, я думаю, что его, потому что #, но я не знаю, как исправить

var links=document.getElementsByTagName('a');
    for (var i=0;i<links.length;i++)
    {
    links[i].addEventListener('mouseover', readTheLink);
    links[i].addEventListener('mouseout', removePopup);
    }

function removePopup(e) {

popup.style.setProperty("display", "none", "important");

}

    function readTheLink(element) {
    //console.log(this.href)

if (this.href.indexOf('office365_emails_email')>-1)

manifest.json

    "permissions": [
      "activeTab",
      "storage"
    ],
    "background": {
        "scripts": [ "background.js" ]
        },

        "content_scripts": [ {
            "js": [ 
              "jquery-3.4.1.slim.min.js",  
            "code.js"
            ],
            "matches": [ "*://*/*" ],
            "run_at": "document_end"
            }
            ],
            "options_ui": {
              "chrome_style": false,
              "open_in_tab": true,
              "page": "newTabAPI.html"
           },