如何知道当前环境是chrome扩展中的content.js或background.js

Posted 2021-05-05

我在内容环境和后台环境中都包含一个脚本文件，我想判断代码中的当前环境。我尝试通过访问内容环境中受限制的模块来执行此操作。像那样

    if(chrome.tabs){
    // in background environment because tabs module cannn't use in content.js
    }else{
    // in content environment
    }

但这没有用，任何建议，我都会很感激

答案

我想有很多方法可以检查这一点。

一种方法是使用window.location检查当前页面的位置。如果它以chrome-extension://开头，你知道你在后台页面或弹出窗口。

您还可以在URL中检查chrome-extension://xxxxxxxxxx/_generated_background_page.html以确保您在后台页面上，除非您为后台页面指定了HTML文件。