在Google Chrome扩展程序开发中动态更改内容

Question

我在Chrome扩展程序中有登录表单。我检查用户名和密码是否为true。我想如果必须更改扩展内容（html页面）中的用户登录。之后，当我点击扩展徽标时，我不希望用户看到登录页面。我怎么能这样做？

Answer 1

你的问题不是很清楚。但似乎您只想显示不同的HTML页面，具体取决于用户是否已登录您的扩展程序。

一种简单的方法是，让用户首次登录您的扩展程序。定义一些变量，例如＆＃34;登录状态＆＃34;，将其初始化为＆＃34; not-logged-in＆＃34;。将其更改为用户在成功登录后登录的名称。将此信息刷新到localStorage。

下次启动扩展时，请从磁盘中读取此变量。

每次，您的扩展程序中的任何页面加载，都会向后台脚本发送消息，请求该变量。如果值为＆＃34;未登录＆＃34;然后显示登录名/密码。否则，显示常规内容。

基本上，将各种类动态地分配给不同状态的HTML内容，例如登录/未登录，并具有将根据类值隐藏的CSS规则。