Is there any way to reduce more than the minimum width that browsers allow

firefoxgoogle-chromewindows 10

Operation System: Windows 10
Screen resolution: 1366×768

I'm trying to make the browsers even smaller in width, but they won't let me pull more to the side than this amount below, Google Chrome on the left and Firefox on the right. Is there any way to remove this block and lessen more than that?

Note: My problem is screen space on my monitor, so I needed to be able to shrink a little more the browser's.

The idea is to increase this black space between browsers and have more freedom to adjust the width without blocking the minimum.

enter image description here

Best Answer

You may cause both Chrome and Firefox to open a reduced window by launching a narrow adjustable browser window from JavaScript.

Here is the HTML page you could use:

<a href="javascript:window.open('your_url_here', '','width=320,height=480')">Open!</a>

This will display a simple page with a link named "Open!". Clicking on the link will open a new browser window that can be resized more than the usual browser page.

In my experiments, I managed to reduce Firefox to a width of about 290 pixels. Chrome I managed to reduce to about 200 pixels.


Another method for Chrome is to use the extension OSX Resizer.

Clicking the extension's icon will reopen the current page in a new adjustable window that I managed to reduce to 176 pixels.


Still another method for Chrome is to use the Developer Tools and dock them to right.

The docking is done by opening the Developer Tools and clicking the three-point menu icon:

enter image description here

Once the Developer Tools are docked on the right, you may drag the in-between separator to resize the page that is displayed on the left.

The minimum I managed to reduce it this way was to 150 pixels.

Related Question