调整窗口大小的 Chrome 扩展答案

【问题标题】：Chrome Extension to Resize Window调整窗口大小的 Chrome 扩展
【发布时间】：2013-02-05 18:21:18
【问题描述】：

我正在尝试制作一个非常简单的 Chrome 扩展程序。我想要的只是以下内容：一个“browser_action”工具栏图标，单击该图标时会执行以下操作之一（都可以）：

显示带有“全屏”链接的弹出窗口，单击该链接可将 chrome 窗口的大小调整为屏幕的完整大小。（首选）
只需单击工具栏图标本身即可使屏幕全屏显示。（还可以）

这应该很容易，我以前做过 chrome 扩展，但我无法让它工作。每次我尝试从我的 popup.html、popup.html 中包含的 js 或类似的东西中使用 chrome.windows api 时，Chrome 都会阻止做任何事情。我什至尝试将代码注入这样的虚拟选项卡：

chrome.browserAction.onClicked.addListener(function(tab) {
var bkg = chrome.extension.getBackgroundPage();
chrome.tabs.create({url: "http://www.google.com"}, function(tab) {
    chrome.tabs.executeScript(tab.id, {file: "newtab.js"}, function() {
        //Callback
    });
});

});

app.js 包含用于调整窗口大小的 chrome.windows 代码。每次我一无所获。我有"permissions" : ["tabs","http://*/*", "https://*/*"]，但我仍然无法完成这个非常简单的任务。想法？

【问题讨论】：

标签： javascript google-chrome google-chrome-extension window

【解决方案1】：

我使用的是 Chrome 19，更新到 26 并且可以正常工作。 Windows API 必须添加在全屏之间的某个位置，看起来像这样（在后台脚本中）：

chrome.windows.getCurrent(function(wind) {
alert(wind.id);
var maxWidth = window.screen.availWidth;
var maxHeight = window.screen.availHeight;
var updateInfo = {
    left: 0,
    top: 0,
    width: maxWidth,
    height: maxHeight
};
chrome.windows.update(wind.id, updateInfo);});

【讨论】：