Birden çok css ve js dosyalarını kullanarak bir krom uzantısı nasıl oluşturulur?

Question

HTML/JS/CSS uygulamamı bir Chrome Uzantısı olarak çalışacak şekilde uyarlamak istiyorum. Birden fazla js dosyası (iki çerçeve dahil) ve birden fazla css dosyası var. Manifest.json dosyasını nasıl organize edeceğime emin değilim. Mevcut formatta, uzantı, tarayıcıya ikon tıklandığında yeni bir HTML sayfası oluşturarak çalışır, ancak css ve js çalışmaz. Uzantı simgesi tıklandığında uzantının yeni bir HTML sayfası açması gerekir. İşte benim kodudur: Kendi uzantısı olarak

{ 
    "name": "Testing", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "Testing Data", 
    "browser_action": { 
     "default_icon": "icon.png", 
     "default_popup": "Test_Ext_Chrome.html" 
    }, 
    "web_accessible_resources": [ 
    "icon.png", 
    "Test_Ext_Chrome.js", 
    "jquery-1.11.3.min.js", 
    "intro.js", 
    "Test_Ext_Chrome.css", 
    "introjs.css" 
    ] 
} 

Answer 1

Sadece manifest'te html ilan etti ve html gayet js ve css dosyaları okuyor.

"browser_action" : { 
    "default_icon" : "icon.png", 
    "default_popup" : "popup.html" 
}, 

arka plan JavaScript dosyaları gelince, ben

"background" : { 
    "scripts" : ["common.js","background.js"], 
    "persistent" : false 
}, 

Web accessible resources

değildir uzantısı tarafından kullanılmak üzere, ancak web sayfaları tarafından kullanılan. "Bu kaynaklar daha sonra bir web sayfasında URL chrome-extension: // [PACKAGE ID]/[PATH]"

aracılığıyla kullanılabilir.