google-chrome - 提醒网站访问者 chrome 扩展程序可用 - 如何？

Question

Independent website有一个小部件，它会弹出一条消息，通知您当您使用 Chrome(在我的情况下为 v7)访问它时有一个独立的 Chrome 扩展程序可用:



这是 Chrome 扩展 API 的一部分 - 如果是，它是如何实现的(或者他们是否自定义滚动了自己的 JavaScript 以使其看起来像 Chrome 的一部分)？快速查看页面的来源并没有发现任何明显的信息。

Answer 1

看起来像自定义滚动标记:

<div id="ext_toolbar_text" style="padding-top: 11px; padding-right: 10px; padding-bottom: 10px; padding-left: 38px;
    background-image: url(http://assets.idiomag.com/ext/toolbar/icon.png); background-attachment: initial;
    background-origin: initial; background-clip: initial; background-color: initial; overflow-x: hidden;
    overflow-y: hidden; white-space: nowrap; -webkit-user-select: none; cursor: default; width: 977px;
    background-position: 5px 5px; background-repeat: no-repeat no-repeat;">
        The Independent now has a
        <span id="ext_toolbar_link" style="text-decoration: underline; color: rgb(75, 104, 156); cursor: pointer;">
        Google Chrome Extension</span>. Get the latest news on the topics you like, direct to your browser.
</div>

我在工具栏上选择了“检查元素”来获得这个。