Есть ли способ уменьшить ширину больше минимально допустимой браузерами?

Question

Операционная система: Windows 10
Разрешение экрана: 1366x768

Я пытаюсь сделать браузеры еще меньше по ширине, но они не позволяют мне тянуть больше, чем это количество внизу, Google Chromeслева и Firefoxсправа. Есть ли способ убрать этот блок и уменьшить больше этого?

Примечание: Моя проблема заключается в ограниченном пространстве на экране монитора, поэтому мне нужно было немного уменьшить размер окна браузера.

Идея состоит в том, чтобы увеличить это черное пространство между браузерами и иметь больше свободы для регулировки ширины, не блокируя минимум.

Answer 1

Вы можете заставить Chrome и Firefox открыть уменьшенное окно, запустив узкое настраиваемое окно браузера из JavaScript.

Вот HTML-страница, которую вы можете использовать:

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

Это отобразит простую страницу со ссылкой под названием «Открыть!». Нажатие на ссылку откроет новое окно браузера, которое можно изменить в размере больше, чем обычная страница браузера.

В моих экспериментах мне удалось уменьшить Firefox до ширины около 290 пикселей. Chrome мне удалось уменьшить до ширины около 200 пикселей.

---

Другой метод для Chrome — использовать расширение Изменение размера OSX.

Нажатие на значок расширения заново откроет текущую страницу в новом настраиваемом окне, которое мне удалось уменьшить до 176 пикселей.

---

Еще один способ для Chrome — использовать инструменты разработчика и закрепить их справа.

Стыковка выполняется путем открытия инструментов разработчика и нажатия на значок меню из трех точек:

После того как инструменты разработчика закреплены справа, вы можете перетащить промежуточный разделитель, чтобы изменить размер страницы, отображаемой слева.

Минимум, которого мне удалось добиться таким образом, — 150 пикселей.

Answer 2

По скриншоту я не могу сказать, насколько мал ваш браузер, но я использую такой инструмент, какDisplayFusionчто позволило мне разделить мой ультраширокий монитор на несколько виртуальных экранов. С этим я могу нажать горячую клавишу и переместить Firefox на этот маленький экран, и он автоматически изменит размер. Я считаю, что это способ втиснуть его.

Другой инструмент, который я использую, этоДивви, при срабатывании показывает мой экран в сетке, и я перемещаю мышь, чтобы нарисовать рамку, указывающую размер экрана, который мне нужен. С помощью этого я могу сделать Firefox совсем маленьким.

Фотография ниже сделана с 27-дюймового монитора, а не с ультраширокого, и вы можете видеть, насколько маленькое окно Firefox.

Я не пробовал, но, в теории, должно быть то же самое - вы можете установить Windows PowerToys, которые идут с приложением Fancy Zone, которое позволяет вам создавать зоны вокруг вашего экрана, в которые вы затем можете поместить приложение, нажав SHIFT и перетащив его в зону. Это автоматически изменит размер вашего приложения до размера зоны, которую вы предварительно определили.

Answer 3

В Firefox вы можете использовать userChrome.cssдля переопределения минимальной ширины.

1. Перейдите about:configи установите toolkit.legacyUserProfileCustomizations.stylesheetsзначение true.
2. Найдите свой профиль пользователя.Папка должна называться как-то так 30t5gfdj.default-releaseили 30t5gfdj.default.
3. В папке профиля пользователя создайте папку с именем chrome. В chromeсоздайте файл с именем userChrome.css. Таким образом, полный путь должен заканчиваться на что-то вроде Mozilla/Firefox/Profiles/30t5gfdj.default-release/chrome/userChrome.css.
4. После userChrome.cssзаполнения перезапустите браузер, чтобы изменения вступили в силу.

Вот содержимое моего userChrome.cssфайла:

@namespace html url("http://www.w3.org/1999/xhtml");

:root {
  min-width: 1px !important;
}