Javascript 有没有办法复制';扳手';Chrome扩展中的菜单?

Javascript 有没有办法复制';扳手';Chrome扩展中的菜单?,javascript,google-chrome,google-chrome-extension,Javascript,Google Chrome,Google Chrome Extension,我对编写Chrome扩展相当陌生。我注意到,我看到的所有扩展(示例和有用的)在单击它们时都没有使用标准操作系统下拉菜单。他们的弹出窗口往往非常不同,并且使用样式表。有没有办法让扩展弹出窗口成为实际的操作系统菜单(与上下文菜单API类似) 如果没有,有没有一个地方有一个样式表+javascript来复制普通菜单的外观(我使用的是OSX)?我知道您用于更改设置的“扳手”菜单具有正常外观的菜单。我试图查看Chrome的源代码,看看它是否以与扩展相同的方式实现,以及它是否有这样的样式表,但我找不到任何东

我对编写Chrome扩展相当陌生。我注意到,我看到的所有扩展(示例和有用的)在单击它们时都没有使用标准操作系统下拉菜单。他们的弹出窗口往往非常不同,并且使用样式表。有没有办法让扩展弹出窗口成为实际的操作系统菜单(与上下文菜单API类似)


如果没有,有没有一个地方有一个样式表+javascript来复制普通菜单的外观(我使用的是OSX)?我知道您用于更改设置的“扳手”菜单具有正常外观的菜单。我试图查看Chrome的源代码,看看它是否以与扩展相同的方式实现,以及它是否有这样的样式表,但我找不到任何东西。

Chrome扳手菜单不是使用javascript和css呈现的,它是您操作系统的本机GUI元素,因此您无法在源代码中找到任何css样式


如果你想复制菜单,你可以搜索一些javascript库,这样做(),但我从来没有见过任何东西可以完全复制GUI菜单,即使是一个操作系统。

我还没有得到我想要的这个问题的答案,所以我试着自己动手。下面的样式表合理地近似于OSX菜单。唯一的问题是,与实际菜单相比,字体有点太短,渐变有点不协调(OSX菜单不平滑,我不知道如何在CSS中做到这一点)


你可以发现我的尝试

使用HTML/CSS并不能给人一种与本机菜单完全相同的外观和感觉,但你可以在不同的操作系统上截图,并在菜单项悬停时显示鼠标悬停图像等。这太棒了,我没有注意到它与任何普通菜单之间的任何区别。但是只是一个想法,一个主题会改变菜单的颜色,所以你的菜单不会总是匹配的。