從擴展名爲chrome的文件系統加載html文件

我開發了一個Google Chrome瀏覽器擴展，用於通過REST（在ajax中）在網頁存檔中發送一些URL。不幸的是，我需要加載一些html模板（位於我的擴展）注入到我的模態窗口，我沒有找到任何解決方案！從擴展名爲chrome的文件系統加載html文件

這是我的manifest.json

{ 
    "name": "MyWebArchive", 
    "version": "1.0", 
    "manifest_version": 2, 
    "description": "Aggiunge il pulsante per interagire su MyWebArchive", 
    "icons": { "64": "img/logo.png" }, 
    "permissions": [ 
    "tabs", 
    "storage", 
    "declarativeContent", 
    "https://test.mywebarchive.com/" 
    ], 
    "page_action": { 
    "default_icon": "img/logo.png", 
    "default_popup": "template/popup.html", 
    "default_title": "Configura MyWebArchive Extension" 
    }, 
    "background": { 
    "scripts": ["develop/background.js"] 
    }, 
    "content_scripts": 
    [ 
    { 
     "pages": ["template/playlist.html"], 
     "matches": ["https://www.github.com/*","https://www.bitbucket.org/*","https://github.com/*","https://bitbucket.org/*","http://www.github.com/*","http://www.bitbucket.org/*","http://github.com/*","http://bitbucket.org/*"], 
     "js": ["develop/constant.js","vendor/jquery-1.11.1.min.js","vendor/bootstrap.js","develop/azioni.js","js/popup.js"], 
     "css": ["css/bootstrap-modal.css", "css/style.css"] 
    } 
    ] 
}

，並在我的代碼我試過

//Load using jQuery 
$('.mwa').click(function() { 
    $('#mwa-body').load(chrome.extension.getURL('template/login.html')); 
    $('#mwa-btn').click(); 
}

或

//Load using webkitRequestFileSystem 
$('.mwa').click(function() { 
    window.webkitRequestFileSystem(window.PERSISTENT, 5 * 1024 * 1024, onInitFs, errorHandler); 
    $('#mwa-btn').click(); 
} 
function onInitFs(fs) { 
    console.log('Opened file system: ' + fs.name); 
    [...] 
}

或

//Load via Ajax 
$('.mwa').click(function() { 
    var url = chrome.extension.getURL('template/playlist.html'); 
    $('#mwa-btn').click(); 
    $.get(url, function(html) { 
     $(this).html(html); 
    }).error(function(e) { 
     console.log(e); 
    }); 
});

或

//Insert with iframe 
$('.mwa').click(function() { 
    var url = chrome.extension.getURL('template/selectFolder.html'); 
    $("#mwa-body").html('<iframe src="' + url + '"></iframe>'); 
    $('#mwa-btn').click(); 
});

或使用JavaScript 的FileReader庫，但沒有這些嘗試的工作。

我可以通過用javascript編寫HTML來解決問題，但模板非常複雜，所以我正在研究如何從文件系統加載它。

TNX

來源

2015-08-28 Ephraim

您需要申報文件作爲web-accessible：

"web_accessible_resources": [ 
    "template/*" 
    ],

來源

2015-08-28 10:56:27 Xan

從擴展名爲chrome的文件系統加載html文件

回答

相關問題