javascript - 在 Chrome 扩展中分离面板,如 Font Face Ninja 或 CSS Peeper?

标签 javascript css google-chrome-extension firefox-addon firefox-addon-webextensions

我想要一个独立的面板,例如 Font Face Ninja 或 Chrome 扩展的 CSS Peeper。尝试谷歌搜索但不知道那东西叫什么。这里有截图。

字体忍者

font face ninja

CSS 窥视器

css peeper

注意弹出窗口。我希望它是那样的。并且也像 Font Face Ninja 那样可移动。我该怎么做?

最佳答案

如果您右键单击 font face ninja 创建的弹出窗口并进行检查,您会看到它已附加到您所在页面的 DOM 中。您可以在下面的屏幕截图中看到标记。这不是 chrome 扩展的一部分,而是自定义 HTML、CSS 和 JS 来创建交互式面板。

enter image description here

关于javascript - 在 Chrome 扩展中分离面板,如 Font Face Ninja 或 CSS Peeper?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54852927/

相关文章:

javascript - JQuery,添加表格行而不在 Javascript 中声明标签

javascript - 如何从 ReactJS 生产版本中删除 process.env.NODE_ENV 检查?

google-chrome-extension - Chrome扩展程序背景页面html不起作用

javascript - Silverlight Javascript - 在 javascript 中访问和设置 xaml 文本框的值

javascript - 在没有翻译的情况下使用 d3 SVG Scale

JavaScript 函数未定义错误 onmouseover

CSS 列在除 IE 和 Firefox 3 之外的所有地方都重叠

javascript - 如何绑定(bind)CSS动画持续时间滚动

google-chrome - Chrome webNavigation.onComplete 不工作?

javascript - Chrome 扩展 : Cant appendchild in my popup file