Firefox 扩展——在菜单栏中加载页面？

Question

我不确定这是否可能，部分原因是我不知道术语是什么......

我想创建一个扩展程序，其中包括一个功能，当用户单击状态栏图标时，一个小窗口将滑出，该窗口内将是一个网站登录页面。当然，然后他们会像往常一样登录，并且任何 cookie 或身份验证都会像往常一样处理。

我不确定谷歌如何找到正确的叠加层/chrome 函数/命名空间。另外，我不想 AJAX 页面的源，我希望直接从服务器加载实际页面(出于安全原因)但是，我也想拦截用户在页面上看到的内容(有点像油猴风格，我猜)这样只有表单字段和头部显示，没有任何“你忘记密码了吗”和什么不是信息。另外(我确定如果上述任何一个是可能的，这也应该是)，我想拦截服务器的响应，以便在它完成它需要做的事情之后(我不想弄乱并且可能会遇到麻烦)用户会看到类似“你做到了!”之类的东西。在同一个滑出窗口中，而不是服务器的通常输出。 (服务器实际上输出了一个 javascript 警报，它不会很好地融入扩展程序，然后将用户重定向到我也不想要的主页。但我非常有信心，如果我能学会如何拦截输出我可以杀死那些位。)

所以我想问题是:
有没有办法:

单击时将非菜单窗口滑出，

在该窗口中加载一个实时网页，然后

修改实时页面的输出，同时仍将其保留在网站上？

登录页面是加密的，登录/密码被认为是绝密的，所以我必须尽可能尊重安全性，不要尝试更简单的技术，如 ajax 或 cookie-moding。

谢谢!

Answer 1

这是一个例子:

首先创建一个 xul 叠加层 (login.xul)，其中包含将显示您的登录页面的 iframe 元素:

<?xml version="1.0"?>
<overlay id="login-window-vb" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

    <window id="main-window">
          <vbox>
            <iframe id="login-frame" src="http://yoursite.com/custom-login" style="display:none;">

           </iframe>
          </vbox>
    </window>

</overlay>

请注意，我将显示样式设置为“无”，以便我们仅在用户单击状态栏中的登录图标时才能显示 iframe。

然后在您的 list 文件中注册此叠加层:

content     yourextension    chrome/content/
overlay chrome://browser/content/browser.xul chrome://yourextension/content/login.xul

然后添加另一个覆盖层，将在状态栏中显示登录图标:

    <?xml version="1.0"?>
    <overlay id="login-status" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<script type="application/x-javascript">
function ShowLogin() {
// get the login iframe and display it
var loginBox = document.getElementById('login-frame');
loginBox.style.display = "";
loginBox.height = "200px";
}
</script>

    <statusbar id="status-bar">
        <statusbarpanel id="login-icon" image="" label="Login" oncommand="ShowLoginBox()" />
    </statusbar>

    </overlay>

并以与上一个相同的方式注册此覆盖。

现在 iframe 将从服务器显示您的登录页面并注册 cookie
.而且我认为任何 Greasmonkey 脚本也会到达这个 iframe。