Firefox：动态XUL构建？

Question

嘿!
这是我到目前为止已经完成的工作：
下载浏览器启动的域的XML文件，当用户在其中一个站点上时，提供一个警告，欢迎他访问该特定站点。

是的，它没什么了不起但它是一个有趣的学习项目:)
这是我的第一个插件，还在学习。

现在我想要做的是，向用户显示域名列表，旁边有一个复选框...将检查所有域名，但他可以取消选中任何域名，但我不会显示该域名的警报。

如何使用复选框创建此动态页面？ 完全糊涂了。

请帮忙！

谢谢！

Answer 1

您没有提到您的UI显示位置。 如果您正在制作基于HTML网页的UI，那么您可以使用任何网页使用的相同技术来构建UI - JS和DOM。 由于您的网页是从加载项加载的，因此您可以选择使用更高的代码权限，而不是像传统网页一样使用沙盒。

如果您在Firefox chrome本身中托管您的UI，则可能使用的是XUL，而不是HTML。 但是，在使用XUL构建UI时，仍然使用JS和DOM。 有关可用UI元素类型的信息，请查看有关MDC的XUL参考和教程：

https://developer.mozilla.org/en/XUL_Reference
https://developer.mozilla.org/en/XUL_Tutorial

由于您的UI代码和域检查代码存在于两个不同的区域，因此您需要一种共享状态的方法。 这样，域检查代码将知道是否显示给定域的警报。 将UI保存在主Firefox XUL UI中可以轻松实现 - 域检查代码和UI代码在同一范围内。

如果您的UI位于Chrome网页中，您应该能够访问主浏览器窗口（您的域检查代码所在的位置）并更新数据结构。 以下是用于从特权网页访问外部Chrome窗口的代码段：

https://developer.mozilla.org/en/Working_with_windows_in_chrome_code#Accessing_the_elements_of_the_top-level_document_from_a_child_window

希望这有助于您入门。