Firefox：动态XUL构建？

Question

喂！
这是我到目前为止已经做的很好的事情：
当用户访问其中一个域时，下载浏览器启动的域的XML文件 网站提供一个警报，欢迎他访问该特定网站。

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

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

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

请帮助！

谢谢！

Answer 1

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

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

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

由于您的UI代码和域检查代码存在于两个不同的区域，因此您需要一种共享状态的方法。这样，域检查代码将知道是否显示给定域的警报。将UI保存在主Firefox XUL 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

希望这有助于您入门。