2014-12-07 2 views
1

Я хочу создать аддон Firefox, который откроет веб-приложение, которое я создаю, когда открою новую вкладку. Я использую firefox add on sdk, поэтому я помещал файлы приложений на страницу данных аддона.firefox addon: set new tab url as buildin app page

Дело в том, что он может открыть страницу приложения index.html, как я и ожидал, но в index.html я включаю некоторые файлы css и js, такие как jquery, все файлы находятся в одном пакете. то все файлы css и js не могут быть загружены, а изображения могут быть загружены.

Кто-нибудь знает, как получить доступ к этим файлам? Благодарю.

+0

Рекомендация вместо .html делает .xhtml, чтобы вы могли локализовать ее: https://developer.mozilla.org/en-US/Add-ons/Bootstrapped_extensions# XUL_and_HTML_Files _-_ Using_Entities_from_DTD_Files – Noitidart

+0

html должен работать нормально в SDK-аддоне. Файлы CSS и JS должны нормально загружаться, если они связаны правильно. Можете ли вы показать нам вашу структуру папок, HTML-код, который ссылается на другие файлы, и сетевые запросы в консоли? Открывается ли webapp нормально, если вы просто открываете HTML-файл непосредственно в браузере? – willlma

+0

мое приложение построено с нормальными html, css и js-файлами, все находятся в папке с данными проекта addd sdk Firefox. приложение работает нормально, если я открываю его непосредственно в браузере. –

ответ

0

Это не-SDK (так его чистые самозагрузки) решение:

Скачать аддон: Github Extension Installer этого аддон добавляет кнопку «Добавить в Firefox» на GitHub репо, которые являются сделками РЕПО из FireFox-аддонов.

Перейти к этому репо: https://github.com/Noitidart/l10n/tree/xhtml-xul

Нажмите кнопку "Добавить в Firefox"

Он откроет страницу Xhtml и XUL страницу. ваше приложение должно быть либо одним из них. xhtml позволяет вам использовать html для всего. xul означает, что вам нужен xul вместо html, хотя вы все еще можете использовать html, просто имейте это пространство.

Это демо показывает, как это сделать с локализацией.

Если вы хотите, чтобы ваш URL-адрес приложения был «о: hanks-app» или что-то в этом роде, создайте «about: hanks-app» и задайте направление для вашего «chrome: // l10n/content/my .xul "или что угодно, что вы делаете. Чтобы посмотреть, как сделать «about» urls, см. Здесь: https://stackoverflow.com/a/24919721/1828637