How to resize already exising window and open new chrome window on the right side

Question

Currently i'm developing google chrome extension. I tried using the below code

chrome.action.onClicked.addListener(async () => {
      chrome.windows.create({
        url,
        type: "panel",
        height:650,
        width: 400,
        focused: true,
        left:1000,
        top:100
      });
  });

I need to resize already existing window to half of the screen and open the new window on the other side

If the OS is Windows, it is necessary to correct width, height and left. This tutorial does just that. [How to make Chrome Extension 17 Window Size](https://youtu.be/7zMdJlQpY24) — Norio Yamamoto, Feb 10 '23 at 06:15

score 2 · Accepted Answer · answered Feb 10 '23 at 05:53

chrome.browserAction.onClicked.addListener(async () => {
  chrome.windows.getCurrent((currentWindow) => {
    chrome.windows.update(currentWindow.id, {
      width: currentWindow.width / 2,
    });
    chrome.windows.create({
      url,
      type: "panel",
      height: 650,
      width: currentWindow.width / 2,
      focused: true,
      left: currentWindow.left + currentWindow.width / 2,
      top: 100,
    });
  });
});

This will first get the current window using chrome.windows.getCurrent and then update its width to half the screen width. After that, it will create a new window with the same height as the original window, but with half the width of the screen, starting from the right side of the original window.

score 0 · Answer 2 · answered Feb 10 '23 at 05:43

0

Try using this to resize the existing window: (based on my reading of https://developer.chrome.com/docs/extensions/reference/windows/)

chrome.windows.getCurrent(window => window.width /= 2);

answered Feb 10 '23 at 05:43

Solomon Ucko

5,724
3
24
45

This solution didn't work for me. Any other solution? – Sowmiya C Feb 10 '23 at 05:53

score -1 · Answer 3 · edited Jul 13 '23 at 04:22

-1

The key to making the above function work = chrome.windows.update(currentWindow.id, {width: currentWindow.width / 2});

is that it won't work if the state is maximized or fullscreen so you also have to account for that and do: chrome.windows.update(currentWindow.id, {state: "normal", width: 900})

edited Jul 13 '23 at 04:22

Mehdi Dehghani

10,970
6
59
64

answered Jul 05 '23 at 20:52

Jared Thompson

1

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Jul 07 '23 at 20:37

How to resize already exising window and open new chrome window on the right side

3 Answers3