如何在Chrome扩展程序中显示弹出式窗口?

用户名

我需要在chrome扩展程序中显示一个弹出窗口。当单击扩展程序图标时,该弹出窗口将显示在新窗口中。

我需要的是,当我点击扩展名时,应该在扩展名图标的下方看到一个弹出窗口。就像这样http://developer.chrome.com/extensions/getstarted.html。关联)。我的弹出窗口(userinfo.html)要求使用用户名和密码登录。当用户输入用户名和密码并登录时,弹出窗口应关闭,当用户再次单击扩展名图标时,应导航到一个网站。我怎样才能做到这一点?这是我的background.js

chrome.browserAction.onClicked.addListener(function(tab) {
 if(!localStorage.username){
   chrome.browserAction.setPopup({
    popup: "userinfo.html"
   });
 }
 else
   //navigate to website
});

这样,我会显示我的弹出窗口。当用户在安装后第一次单击该图标时,会出现该弹出窗口。否则它将导航到一个网站。现在我的问题是,当我仅单击两次该图标时,第二个问题是,在我输入名称和密码并单击登录后,弹出窗口关闭,这很好。.当我再次单击图标时,它实际上应该导航到该网站,但是在我的代码中它再次显示出pop重新加载扩展程序后,它可以正常工作。为什么会这样?请帮我。有一个名为userinfo.html的文件,应显示为弹出窗口。我该怎么做?请帮我。

赞布雷

在浏览器操作中,应包括default_popup值,该值指向要呈现为弹出窗口的HTML文件。在您的情况下,它是userinfo.html。

"browser_action": 
     {
   "default_icon": "icon.png",
   "default_popup": "popup.html"
    }

此处提供更多信息:http : //developer.chrome.com/extensions/browserAction.html

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

弹出式窗口中的Chrome扩展程序后台页面

来自分类Dev

如何从引导程序中的弹出式窗口中获取弹出式窗口

来自分类Dev

如何从引导程序中的弹出式窗口中获取弹出式窗口

来自分类Dev

如何在Crossrider扩展中编写弹出式HTML?

来自分类Dev

如何在Chrome扩展程序中仅显示一次弹出窗口?

来自分类Dev

如何从弹出式窗口自身中消除弹出式窗口?

来自分类Dev

如何使用Chrome阻止所有弹出式窗口?

来自分类Dev

如何使Chrome完全阻止所有弹出式窗口?

来自分类Dev

响应式Chrome扩展程序弹出窗口

来自分类Dev

如何防止我的Chrome扩展程序中的弹出窗口放大

来自分类Dev

如何缩小Chrome扩展程序的弹出窗口

来自分类Dev

如何在Eclipse中控制弹出式Java执行

来自分类Dev

如何在Eclipse中控制弹出式Java执行

来自分类Dev

普通(弹出式)Chrome扩展程序与在开发人员工具中添加标签页的扩展程序之间的区别

来自分类Dev

如何为弹出式动作指定弹出窗口?

来自分类Dev

弹出式窗口中的Bootstrap日历无法在Chrome中运行

来自分类Dev

Chrome扩展程序脚本仅在显示弹出窗口时运行

来自分类Dev

Chrome扩展程序弹出窗口按条件显示

来自分类Dev

简单的Chrome扩展程序不会显示弹出窗口

来自分类Dev

Chrome扩展程序脚本仅在显示弹出窗口时运行

来自分类Dev

如何在引导程序模式弹出式提交中更新无序列表中的正确列表项

来自分类Dev

iframe中的弹出式窗口叠加层未显示在页面顶部

来自分类Dev

壮观的弹出式窗口无法在小屏幕上显示

来自分类Dev

弹出式窗口中的Swift Tableview不显示数据

来自分类Dev

如何使此弹出式扩展程序更通用,以应用于任何视图?

来自分类Dev

在Chrome扩展程序中,是否可以截屏并在弹出窗口中显示屏幕?

来自分类Dev

如何在Swift中显示弹出式消息,该消息在3秒后消失或可以被用户立即取消?

来自分类Dev

如何在python中选择一个弹出式窗口?

来自分类Dev

Chrome扩展程序:如何在页面加载时运行Javascript(不打开弹出窗口)

Related 相关文章

  1. 1

    弹出式窗口中的Chrome扩展程序后台页面

  2. 2

    如何从引导程序中的弹出式窗口中获取弹出式窗口

  3. 3

    如何从引导程序中的弹出式窗口中获取弹出式窗口

  4. 4

    如何在Crossrider扩展中编写弹出式HTML?

  5. 5

    如何在Chrome扩展程序中仅显示一次弹出窗口?

  6. 6

    如何从弹出式窗口自身中消除弹出式窗口?

  7. 7

    如何使用Chrome阻止所有弹出式窗口?

  8. 8

    如何使Chrome完全阻止所有弹出式窗口?

  9. 9

    响应式Chrome扩展程序弹出窗口

  10. 10

    如何防止我的Chrome扩展程序中的弹出窗口放大

  11. 11

    如何缩小Chrome扩展程序的弹出窗口

  12. 12

    如何在Eclipse中控制弹出式Java执行

  13. 13

    如何在Eclipse中控制弹出式Java执行

  14. 14

    普通(弹出式)Chrome扩展程序与在开发人员工具中添加标签页的扩展程序之间的区别

  15. 15

    如何为弹出式动作指定弹出窗口?

  16. 16

    弹出式窗口中的Bootstrap日历无法在Chrome中运行

  17. 17

    Chrome扩展程序脚本仅在显示弹出窗口时运行

  18. 18

    Chrome扩展程序弹出窗口按条件显示

  19. 19

    简单的Chrome扩展程序不会显示弹出窗口

  20. 20

    Chrome扩展程序脚本仅在显示弹出窗口时运行

  21. 21

    如何在引导程序模式弹出式提交中更新无序列表中的正确列表项

  22. 22

    iframe中的弹出式窗口叠加层未显示在页面顶部

  23. 23

    壮观的弹出式窗口无法在小屏幕上显示

  24. 24

    弹出式窗口中的Swift Tableview不显示数据

  25. 25

    如何使此弹出式扩展程序更通用,以应用于任何视图?

  26. 26

    在Chrome扩展程序中,是否可以截屏并在弹出窗口中显示屏幕?

  27. 27

    如何在Swift中显示弹出式消息,该消息在3秒后消失或可以被用户立即取消?

  28. 28

    如何在python中选择一个弹出式窗口?

  29. 29

    Chrome扩展程序:如何在页面加载时运行Javascript(不打开弹出窗口)

热门标签

归档