谷歌插件获取ID及获取绝对路径方法

今天更新一款谷歌插件,为了方便用户快速找到插件设置,在popup里面增加了“选项”这个按钮,这里就需要调用插件的绝对地址。

国际化系统提供一些预定义messages来帮助谷歌插件开发者本地化扩展,这些包括@@ui_locale(您能用它检测当前UI系统的语言信息),也包括一些以@@bidi_作前部的message(用来检测文字方向书写习惯,像英语的是从左到右书写习惯),它们(@@bidi_)有相似的名字。

@@extension_id代表着该插件的ID,可以在扩展内部用这个字符串构造URL用于访问某些资源,没有本地化的扩展也可以使用这个message。而message 能用在任意扩展 的CSS和JavaScript 文件中,无论其是否已经本地化,但不能用在manifest.json文件中。

注意:Content script CSS files 不能用一些预定义message,像 @@extension_id。

CSS实例

一个在CSS文件中,用@@extension_id 构造一个URL的示例:
body {
background-image:url('chrome-extension://__MSG_@@extension_id__/background.png');
}
如果扩展的ID是abcdefghijklmnopqrstuvwxyzabcdef,那么上述代码中的粗线部份变成:
background-image:url('chrome-extension://abcdefghijklmnopqrstuvwxyzabcdef/background.png');

JS实例

一个在JS文件中,用@@extension_id 构造一个URL的示例:

var id = chrome.i18n.getMessage("@@extension_id");

document.getElementById("show").innerHTML = '<a href="chrome-extension://'+id+'/option.html">设置</a>';

如果扩展的ID是abcdefghijklmnopqrstuvwxyzabcdef,那么div容器将会是:

<div id="show"><a href="chrome-extension://abcdefghijklmnopqrstuvwxyzabcdef/option.html">设置</a></div>

/"谷歌浏览器/"

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

标签:

分享到:

扫一扫在手机阅读

扫一扫 在手机阅读、分享本文

上一篇:返回列表 下一篇:熊猫TV、虎牙直播、斗鱼TV、战旗TV直播订阅助手
全部回复0人评论0人参与

电子邮件地址不会被公开。 必填项已用*标注

loading