Javascript UI一致性：如何继承浏览器'；s我的Chrome扩展版的外观和感觉

我正在为chrome构建一个简单的扩展，它有一个弹出页面。页面如下所示：

正如你所看到的，页面的文本是泰晤士报新罗马版的，如果我用Chrome浏览器打开一个普通的网页，我会得到一个。很公平

但是我想将浏览器UI的外观继承到我的扩展中。至少是字体。这怎么可能呢

编辑：可以通过使用“检查元素”检查

chrome://*

页面（例如扩展名）来获取样式信息。这是我已经做过的

虽然看起来好多了，但这不是一个通用的解决方案。Chrome的外观和感觉因操作系统的不同而略有变化。比如说,

• Windows7:

  字体系列：“SegoeUI”，Tahoma，无衬线

• Windows XP:

  字体系列：Tahoma，无衬线

---

因此，您肯定会破坏某些操作系统中的一致性。

您不能继承它们，尽管这是一个及时的问题-我们实际上已经开始尝试类似的东西

同时，这些字体中的大多数仅在使用它们的操作系统上可用，因此您可以将它们全部列出，并依赖于普通字体系列的备用：

像

---

可能不是Windows XP，但无论如何它都不受支持。

你是在谈论按钮和背景的样式吗？如果你转到url

chrome://settings/

，您将获得Chrome的设置页面。如果然后右键单击某个图元并选择“检查图元”，则可以看到它们使用的样式。顺便提一下，win7下使用的字体样式是

字体系列：“Segoe UI”，Tahoma，sans serif-这是我在同样的情况下使用的技巧，你现在发现你自己了。：）@是的，我想要的是按钮和文字。但总的来说，如何将谷歌Chrome的外观和感觉继承到扩展上呢？@enhzflep：我已经这么做了。但我问这是一个普通问题。如何继承谷歌Chrome的外观和感觉到扩展？@Krumia-+1用于编辑的问题。你的意图现在更加清晰了。这是一个令人讨厌的选项，但可能（希望不是）唯一的方法可能是嗅探用户代理字符串，然后基于该字符串应用不同的设置。然而，这与您继承该风格的意图背道而驰。嗯，有趣的问题……这是最接近解决方案的问题。所以我接受你的回答。：）但我认为这个平台应该提供这样做的手段。