浏览器扩展 QRCode 生成插件 - QRCoder

功能说明

• 点击插件 Icon，唤出操作面板，面板宽度 500px 高度自适应
• 面板内顶部是标题 QRCoder，一级标题、居中展示
• 标题下面是一个文本输入框，采用 textarea 来实现 默认 三行高度 敲击回车执行二维码生成操作
• 输入框下方为二维码展示区域，宽高为 300px。
• 二维码下方有“下载二维码”按钮，仅在二维码生成后显示，可下载当前二维码图片。
• 面板底部新增“历史记录”区域，自动保存最近 20 条生成过的二维码字符串，去重且最新在前。
• 历史记录每项可点击，点击后可快速生成对应二维码。
• 历史记录标题右侧有“清除历史”按钮，点击可一键清空所有历史记录。

UI 说明

• 要求通过 CSS 实现简约的设计风格效果

浏览器支持

• Chrome
• Edge