时间戳

首页 > 解决方案 > Firefox 插件：输入 type=“color” 关闭 Firefox 上的插件弹出窗口

html - Firefox 插件：输入 type=“color” 关闭 Firefox 上的插件弹出窗口

问题描述

首先很抱歉，这是我第三次发布这个问题。之前我收到了一些粗鲁和无益的回复，可能是因为不够清楚。我希望这种新格式能让我的实际问题更加清晰，希望有人知道如何解决这个问题！

那么问题是什么？<input type="color">单击工具栏中的扩展图标时，您会在插件弹出窗口中关闭所述弹出窗口（同时仍提供颜色选择器）。此问题仅发生在 Firefox 上，在 Chrome 上使用颜色选择器打开的相同扩展程序，并且扩展程序弹出窗口保持打开状态。

我使用 Windows 也可能是相关的。我没有在 Linux 和 MacOS 上测试过这个，所以它可能会按预期工作。但即使那些没有相同的问题，我仍然希望扩展能够在所有操作系统上使用此输入。

这就是所说的弹出窗口的样子（对于下面的示例代码）：

单击颜色选择器时关闭的带有颜色输入元素的弹出窗口。

以下是重现问题所需的示例代码：HTML (popup.html)：

<input type="color">

（在这种情况下，添加 doctype、html 或 body 标签不会改变行为）

清单.json：

{
  "manifest_version": 2,

  "name": "name",
  "description": "example",
  "version": "0.0",

  "browser_action": {
    "default_icon": "icons/icon48.png",
    "default_popup": "popup.html",
    "default_title": "Title"
  },
  "icons": {
    "128": "icons/icon128.png",
    "48": "icons/icon48.png",
    "16": "icons/icon16.png"
  }
}

您可能还需要将清单中定义的图标文件夹添加到 manifest.json 和 popup.html 所在的文件夹中。此外，如果需要更多信息，请不要犹豫！

为了便于测试，请下载上面给出的示例扩展代码以重现此问题：https ://drive.google.com/file/d/1ScHxir4jW4cdNSVZmtaNiKiGRTGzGyoH/view?usp=sharing

标签： htmlfirefox-addon

解决方案

推荐阅读