警告网站访问者可以使用Chrome扩展程序 - 如何?

时间:2010-10-03 19:25:07

标签: google-chrome google-chrome-extension

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

这是Chrome扩展程序API的一部分 - 如果是这样,它是如何实现的(或者他们自定义了自己的JavaScript以使其看起来像Chrome的一部分)?快速浏览一下页面的来源并没有发现任何明显的结果。

3 个答案:

答案 0 :(得分:5)

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

<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>

我在工具栏上选择了“检查元素”来获取此信息。

答案 1 :(得分:5)

我讨厌做派对,但你有没有考虑过这是否是正确的做法?试图伪造浏览器chrome通常为您做的事情通常被认为是网络钓鱼者的方法。

您能否找到一些方法来宣传您的扩展程序,以便更好地适应您的网站设计?

答案 2 :(得分:3)

我写了一个jQuery扩展,它就是这样做的:http://blog.dreasgrech.com/2012/01/promoting-your-chrome-extension-with.html

使用它的最简单方法是简单地传递Chrome扩展程序的ID:

$.fn.extInfobar({
    id: 'nbilgjjflfiiijecdjpnbganoiafneph'
});

这就是你得到的:

enter image description here