包括不同的JS腳本，具體取決於是在chrome擴展程序還是網絡中運行

Question

我正在開發chrome擴展程序和web js應用程序。 我有一個HTML容器。

我需要這個container.html

<script src="extension.js"> 

在chrome擴展程序中運行時

<script src="web.js"> 

在Web版本中運行時

（但不能同時擁有兩者）

知道如何以擴展名運行還是不包含1個腳本？

Answer 1

您應該具有一些屬性或全局對象，這些屬性或全局對象僅在chrome擴展環境中可用，例如： chrome.cookies 。 然后，您可以檢查該對象或屬性的存在並動態加載javascript文件，例如：

function loadScript(url, callback){

    var script = document.createElement("script")
    script.type = "text/javascript";

    script.onload = function(){
        callback();
    }
    script.src = url;
    document.getElementsByTagName("head")[0].appendChild(script);
}

if(chrome && chrome.cookies){
    loadScript('extension.js', function(){ //loaded })
}
else{
    loadScript('web.js', function(){ //loaded })
}