在 Mozilla Addon-SDK 的“Simple Addon”教程中,它写道:
/data
- 包含图标或 HTML 文件等资源,以及附加组件中包含的任何内容脚本。您可以使用插件 SDK 的 self 模块从插件代码中访问数据子目录的内容。
在我的附加组件中,我使用 HTML 页面来显示panel
. 由于内容是由内容脚本加载的,我想spinner.gif
在 HTML 页面上显示一个 -file 以向用户显示内容正在加载。内容完全加载后,我隐藏 spinner-image 并显示内容(使用 jQuery)。
我现在的问题是,我不知道如何在 HTML 页面中嵌入图像。我面临的问题是我不知道图像文件的路径。
我知道您self
在 AddOn-Script 中使用 -module 来访问/data
-directory,但是文档中没有提到如何从纯 HTML 文件或 Content-Script 执行此操作。
所以这就是我的 HTML 文件中的内容(不需要<head>
-tag):
<html>
<h2>StackExchange Statistics</h2>
<div id="loading">
<img src="spinner.gif" alt="loading...">
<p>Fetching Data, please stand by</p>
</div>
<ul id="infos" style="display: none">
</ul>
</html>
这个 HTML 页面和图像 ( spinner.gif
) 都位于/data
-directory 的根目录中,但上面的代码只显示了 alt-text。我也尝试使用/data/spinner.gif
作为来源,没有运气。
那么,如何从/data
-directory 加载图像?