javascript - 用于调整窗口大小的 Chrome 扩展

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

我正在尝试制作一个极其简单的 Chrome 扩展程序。我想要的只是以下内容:一个“browser_action”工具栏图标,单击该图标时会执行以下操作之一(两者都可以):

  • 显示一个带有“全屏”链接的弹出窗口,单击该链接会将 Chrome 窗口的大小调整为屏幕的完整大小。 (最好)
  • 只需单击工具栏图标本身即可将屏幕调整为全尺寸。 (还可以)

这应该很容易,我以前做过 chrome 扩展,但我无法让它工作。每次我尝试从我的 popup.html、popup.html 中包含的 js 或类似的东西使用 chrome.windows api 时,Chrome 都会阻止执行任何操作。我什至尝试将代码注入(inject)到虚拟选项卡中,如下所示:

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://*/*"] 但我仍然无法完成这个非常简单的任务。有想法吗?

最佳答案

我使用的是 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);});

关于javascript - 用于调整窗口大小的 Chrome 扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14714233/

相关文章:

javascript - 内容脚本没有收到消息

javascript - 如何在第二个堆叠模式对话框中包含 jquery ui 小部件?

javascript - 我无法使用 jquery 再次更改 id

css - li 标记字符颜色未在 chrome 中更新

asp.net - 使用 IE 在 ASP.NEt 中强制下载 PDF

javascript - 在 Chrome 扩展中实现 facebook 登录

javascript - Chrome 扩展程序粘贴文本模板

javascript - ReactJS 使用异步 setState 更新状态的最佳方法

javascript - jQuery - 将元素添加到数组中

javascript - 使用 navigator.mediaDevices.getDisplayMedia 时是否可以自动选择特定选项卡?