JSON - 获取Chrome标题

时间:2015-06-14 16:03:49

标签: html json google-chrome

我的Chrome扩展程序会加载本地.html文件。

(在manifest.json文件中)

"default_popup": "popup.html",

在该html文件中,为www.website.com创建了一个框架,因此能够在我的扩展程序创建的小弹出窗口中查看www.website.com(使用popup.js)。

<iframe src="http://www.website.com" width="100%" height="100%" frameborder="0">

我希望我的Chrome扩展程序能够更改&#34; www.website.com&#34;添加Chrome用户正在查看的当前标签的标题,减去任何空格并将长度减少到最多30个字符。

实施例: Bob已向Chrome开放www.pbs.org,其标题为#PBS; PBS Public Broadcasting Service&#34;。他点击我的Chrome扩展程序,然后下拉,在下拉窗口显示www.website.com/PBSPublicBroadcastingService。鲍勃很高兴。

以下是弹出窗口的截图: http://julianapena.com/wp-content/uploads/HowtobuildaChromeextensionPart3Loadingan_13EA3/image_thumb.png

1 个答案:

答案 0 :(得分:0)

根据https://developer.chrome.com/extensions/tabs

你可以 添加“权限”:[     “标签” ],在您的清单文件中,在helper.js文件中添加

function getCurrentTab(callback) {
  chrome.tabs.query({ active: true, currentWindow: true }, function (tab) {
    tab = tab[0];
    return callback(tab);
  });
}

,并添加你的popup.js

function Init() {
  getCurrentTab(function(tab) {
    ShowIframe(tab.title);
  });
}

document.addEventListener('DOMContentLoaded', Init);

您还可以创建chromeUI.js,您可以在其中定义ShowIframe函数。