Если все параметры не помещаются в окне браузера одновременно

Обновлено: 21.11.2024

Получите скорость, безопасность и конфиденциальность с Microsoft Edge.

Для Windows 10

Иногда веб-сайты выглядят не так, как вы ожидаете: изображения могут не отображаться, меню могут быть не на своем месте, а текст может быть перемешан. Это может быть вызвано проблемой совместимости между Internet Explorer и сайтом, на котором вы находитесь. Иногда это можно исправить, добавив сайт в список просмотра в режиме совместимости.

Чтобы добавить сайт в список просмотра в режиме совместимости

Откройте Internet Explorer, нажмите кнопку "Инструменты" и выберите "Параметры просмотра в режиме совместимости".

В разделе "Добавить этот веб-сайт" введите URL-адрес сайта, который вы хотите добавить в список, а затем нажмите "Добавить".

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

После включения режима совместимости Internet Explorer будет автоматически отображать этот сайт в режиме совместимости при каждом посещении. Вы можете отключить его, удалив сайт из списка совместимости. Не все проблемы с отображением веб-сайтов вызваны несовместимостью браузера. Прерванное подключение к Интернету, интенсивный трафик или проблемы с веб-сайтом также могут повлиять на отображение страницы.

Для Windows 7

Если сайт несовместим с Internet Explorer 11 для Windows 7, вы увидите кнопку "Просмотр в режиме совместимости" в адресной строке. Включив просмотр в режиме совместимости, вы поможете решить проблемы с отображением на сайтах.

Чтобы включить режим совместимости

Проверьте, отображается ли в адресной строке кнопка просмотра в режиме совместимости. (Если вы не видите кнопку, нет необходимости включать режим совместимости.)

Нажмите кнопку просмотра в режиме совместимости, чтобы отобразить сайт в режиме совместимости.

Чтобы очистить список сайтов для просмотра в режиме совместимости

Откройте Internet Explorer, нажмите кнопку "Инструменты" и выберите "Свойства обозревателя".

В разделе "История просмотров" выберите "Удалить".

В диалоговом окне "Удалить историю просмотров" установите флажок "История", а затем выберите "Удалить".

Милан с детства увлекался ПК, и это побудило его проявить интерес ко всем технологиям, связанным с ПК. До прихода в WindowsReport он работал веб-разработчиком. Подробнее

  • При работе в Интернете вы можете иногда заметить, что веб-страницы отображаются необычно.
  • Чтобы это исправить, необходимо настроить некоторые параметры, как мы объясним ниже.
  • Не стесняйтесь искать другие полезные материалы в нашем Центре браузеров.
  • Посетите страницу "Ошибки браузера", где вы обязательно найдете ответы на большинство проблем с инструментами просмотра.

Проблемы с вашим текущим браузером? Обновите браузер до лучшего: Opera Вы заслуживаете лучшего браузера! 350 миллионов человек ежедневно используют Opera — полнофункциональную навигацию с различными встроенными пакетами, повышенным потреблением ресурсов и великолепным дизайном. Вот что умеет Opera:

  • Простая миграция: используйте ассистент Opera для переноса существующих данных, таких как закладки, пароли и т. д.
  • Оптимизируйте использование ресурсов: ваша оперативная память используется более эффективно, чем в других браузерах.
  • Повышенная конфиденциальность: бесплатный и безлимитный встроенный VPN
  • Без рекламы: встроенный блокировщик рекламы ускоряет загрузку страниц и защищает от интеллектуального анализа данных.
  • Удобство для игр: Opera GX — первый и лучший браузер для игр.
  • Скачать Opera

Пользователи сообщают, что их браузер не помещается на экране в Windows 10 всякий раз, когда они загружают веб-сайты в окне, вдвое меньшем размера монитора (режим разделенного экрана в Windows 10).

Эта проблема усугубляется при использовании телевизора с таким же высоким разрешением, как на мониторе вашего ПК.

В результате большинство (если не все) отображаемых элементов веб-страницы располагаются друг над другом, оставляя пустое или пустое пространство там, где обычно располагаются элементы сайта.

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

Что делать, если браузер не подходит для моего экрана?

1.Попробуйте другой браузер

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

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

Этот инструмент позволяет синхронизировать данные на всех ваших устройствах и совместим с ПК, Mac, Linux и Android.

Переключиться на Opera с любого другого популярного браузера очень просто. Используйте процесс Opera в один клик для автоматического импорта всех данных вашего браузера или добавления существующих расширений и закладок, чтобы вы могли сразу начать просмотр.

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

Опера

Попробуйте этот браузер, совместимый с большинством популярных устройств и оснащенный простым, быстрым и отзывчивым интерфейсом.

2. Вручную изменить уровень масштабирования каждой веб-страницы

  1. Чтобы увеличить или уменьшить масштаб веб-страницы, с которой вы пытаетесь работать, вы можете просто нажать клавишу CTRL на клавиатуре и знаки +/–.
  2. Еще один способ сделать это — удерживать клавишу CTRL и использовать колесо прокрутки мыши для увеличения и уменьшения масштаба.

3. Изменить значение увеличения/уменьшения масштаба по умолчанию

Мозилла Фаерфокс

Гугл Хром

3. Используйте надстройки для автоматического масштабирования веб-сайтов

Мозилла Фаерфокс

Майкрософт Эдж

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

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

По-прежнему возникают проблемы? Исправьте их с помощью этого инструмента:

Некоторые веб-сайты и страницы, которые я посещаю в течение дня, не работают, если я загружаю их в окне браузера, размер которого составляет половину общего размера экрана монитора. Я использую монитор с разрешением 1920 x 1200 и стараюсь отображать два окна браузера рядом друг с другом.

Ярким примером этого является каталог плагинов WordPress. Когда я открываю его, я вижу левую боковую панель, но никакого основного контента. Вся область содержимого пуста, и мне приходится прокручивать страницу вниз, чтобы найти ее ниже сгиба.

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

Это раздражает, так как изменение размера окна означает, что оно перекрывает второе окно браузера.

Однако это не единственный веб-сайт или веб-страница, которые не работают. Например, когда я открываю веб-брокерский сайт Flippa в Firefox, я вижу только меню уточнения поиска на боковой панели вверху страницы.

По какой-то причине он отображается здесь во всю ширину, и, как следствие, фактические веб-сайты отображаются ниже сгиба. Теперь эта проблема возникает только в Firefox, а не в Google Chrome, так как макет отлично работает в браузере Google.

Сначала я подумал, что каким-то образом изменил масштаб страницы на этих страницах, но это оказалось не так. Я переместил виджет масштабирования страницы Firefox на панель инструментов, и он отображал уровень масштабирования 100% для каждого из них.

Решение проблемы

Вот несколько советов, которые позволят вам исправить эти проблемы с отображением без изменения размера окна браузера.

<р>1. Изменить уровень масштаба страницы

Это, без сомнения, самый простой вариант.Все, что вам нужно сделать, это удерживать нажатой клавишу Ctrl на клавиатуре и перемещать колесико мыши вверх или вниз, чтобы изменить уровень масштабирования вашего браузера.

Все современные браузеры применяют уровень только к домену, в котором вы находитесь, а не к другим доменам и сайтам, которые вы открываете.

Обычно достаточно одного пролистывания вниз, чтобы страница нормально отобразилась в выбранном вами браузере.

Обратите внимание, что вследствие этого содержимое будет отображаться меньше.

<р>2. Расширения

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

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

Пользователи Chrome могут вместо этого использовать расширение Zoomy, которое изменяет уровень масштабирования в зависимости от размера окна браузера и разрешения.

<р>3. Исправить CSS

Вы можете вносить постоянные изменения в большинство веб-сайтов с помощью расширения браузера Stylish или аналогичных надстроек.

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

Например, чтобы исправить сайт каталога плагинов WordPress в Firefox, вы должны сделать следующее:

Изменения применяются к веб-странице всякий раз, когда вы ее загружаете, если у вас установлен Stylish и загружен новый стиль.

Stylish также доступен для Google Chrome.

О Мартине Бринкманне

Мартин Бринкман – журналист из Германии, который в 2005 году основал Ghacks Technology News. Он увлекается технологиями и знает Интернет и компьютеры как свои пять пальцев. Вы можете следить за Мартином в Facebook или Twitter

Похожий контент

Microsoft Edge теперь может автоматически генерировать метки изображений для экранного диктора и других программ чтения с экрана

Internet Explorer 11 устаревает через три месяца

Вышла версия Pale Moon 30.0 с важными изменениями

Функция «Список для чтения» Vivaldi теперь доступна в последней версии для устройств Android

LibRedirect автоматически загружает безопасные для конфиденциальности сайты при загрузке YouTube, Поиска, TikTok и других сайтов

В Brave Browser для Android удалена поддержка просмотра стека вкладок, что вынуждает пользователей использовать макет сетки

Комментарии

Yeah Stylish очень удобен для того, чтобы веб-сайты выглядели так, как вы хотите. Аддон Element Hiding Helper также скрывает почти все на странице. GHacks имеет черный цвет фона, белый текст, желтые ссылки и светло-желтые посещенные ссылки.

Удивительно, что ни в одном из современных браузеров нет функции подгонки по ширине, которая присутствовала в старой опере навсегда. Этот многообещающий браузер Otter появится не скоро.

Да, кстати, давненько ничего о нем не слышал.

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

Дизайнеры покупают большие, широкие мониторы…

… но они не перестают думать, что не у всех, кто посещает их сайт, есть мониторы такого же размера, как у них. У некоторых из этих дизайнеров огромные мониторы шириной более 2500 пикселей; тем не менее у многих — осмелюсь сказать, у большинства — посетителей сайтов, которые они разрабатывают, мониторы не шире 1900 пикселей; некоторые из них только около 1400 пикселей; и многие до сих пор только около 1200 пикселей. Тот самый ноутбук, на котором я это не печатаю, имеет ширину монитора 1280 пикселей…

…что еще шире, чем у многих высококлассных смартфонов (и даже планшетов) с альбомной ориентацией. Это высокомерие — и безрассудство — со стороны дизайнеров веб-сайтов не принимать это во внимание.

То же самое мы наблюдали в дни, когда широкополосный доступ на скоростях 768 Кбит/с и 1,5 Мбит/с становился все более распространенным, однако подавляющее большинство интернет-пользователей по-прежнему использовали коммутируемый доступ со скоростью 56 Кбит/с (что, конечно, было мифом; скорость, с которой кто-либо обычно мог дозвониться, составляла от 38 до 48 Кбит/с); и поэтому, если дизайнер сайта загружал сайт флэш-памятью и битовой графикой, сайт был практически непригоден для подавляющего большинства пользователей Интернета. Это тоже было безрассудным высокомерием со стороны дизайнеров, которым повезло и с быстрыми машинами, и с широкополосным доступом.

Любой, кто когда-либо разрабатывал серьезное программное обеспечение как для личного, так и для коммерческого использования, знает, что нужно всегда проектировать с наименьшим общим знаменателем. В основном использующие Mac, творчески мыслящие, не обладающие техническими знаниями дизайнеры веб-сайтов, которые подписываются на все причудливые блоги о модном дизайне, где все больше о красоте для глаз, чем о функциональности, отказываются понимать эту проблему; или даже признать, что он существует. Если туда залезает техно-гик и пытается им это объяснить, они просто списывают его со счетов как неуклюжего левополушарного пользователя Windows. Большинство из них не отличают пиксель от картофелины; и не могли объяснить «соотношение сторон» с приставленным к голове пистолетом.

Именно они безрассудно (да, я продолжаю использовать это слово, потому что оно так и есть) создают веб-сайты, занимающие около двух третей ширины их монитора, независимо от того, сколько пикселей в итоге получается. вещи. Вместо этого им следует поучиться у людей, которые обращаются, например, к веб-сайту CNN: они всегда понимали эту проблему и только недавно, наконец, позволили расширить свой сайт примерно до 1024 пикселей (на самом деле чуть меньше). ). До этого ни одна страница на нем не могла быть шире 920–960 пикселей.

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

Сделайте это, например, на сайте CNN: во-первых, убедитесь, что вы просматриваете его в окне, а не в полноэкранном режиме. Затем обратите внимание, есть ли внизу горизонтальная прокрутка; и если есть, то щелкните левой кнопкой мыши и удерживайте правый край окна браузера и медленно перетащите его вправо, пока не дойдете до точки, где горизонтальный скроллер внизу исчезнет, ​​затем отпустите левую кнопку мыши . Или, если горизонтальной прокрутки нет, когда вы впервые попадаете на сайт CNN, затем щелкните левой кнопкой мыши и удерживайте правый край окна браузера и медленно перетащите его влево, пока не дойдете до точки, где горизонтальная прокрутка появится внизу, затем отпустите левую кнопку мыши. Захватывайте и перетаскивайте правый край гораздо меньшими шагами — пиксель за раз, если можете, — до тех пор, пока вы действительно не настроите его и не получите правый край окна браузера всего на один или два пикселя ниже. справа от той точки наилучшего восприятия, где горизонтальная прокрутка исчезает.

На момент написания этой статьи, согласно моим измерениям с использованием пиксельной линейки в PicPick, минимальная ширина браузера составляет ровно 1000 пикселей, плюс-минус. Конечно, это странное число, которое не делится на 8; и поэтому, если бы я принимал решение, я бы просто сделал его 1024 пикселя, но, эй… это только я.

Да, поскольку современные сайты используют элементы DIV и CSS для определения размеров блоков и ширины элементов (вместо прежних дней, когда для макета использовались таблицы), сайт CNN будет расширяться шире своих минимальных 1000 или около того пикселей. (в то время как область содержимого старых сайтов, созданных с помощью таблиц, останется той же ширины, и больше фона будет отображаться с обеих сторон, если браузер будет перетаскиваться шире), и это все еще выглядит хорошо. Но минимальная ширина в 1000 или около того пикселей жестко запрограммирована на странице, чтобы даже маленькие экраны могли получить к ней правильный доступ.

Суть в любом случае заключается в том, что CNN это понимает: она *ПОЛУЧАЕТ*, что экраны уже, скажем, 1280 пикселей (все еще распространено на ноутбуках/нетбуках) — на самом деле, при разрешении 1000 пикселей сайт CNN можно просматривать. довольно хорошо на нынешнем старом экране шириной 1024 пикселя — необходимо иметь доступ к веб-сайту CNN без необходимости масштабирования или горизонтальной прокрутки посетителя сайта. CNN кое-что понимает в стандартах веб-дизайна и, самое главное, в ЭКСПЛУАТАЦИОННОЙ ПРИГОДНОСТИ того типа, что этот замечательный парень…

…пишет об этом с тех пор, как в начале 1990-х всемирная веб-часть Интернета находилась в стадии бета-тестирования (а об удобстве использования компьютеров он писал еще до этого, с 1986 года!). Его замечательный вклад в совокупность знаний по этому вопросу был в основном бесплатным, благодаря его знаменитой серии юзабилити «Alertbox», которая до сих пор доступна здесь…

… все еще добавляется и архивируется после выпуска всемирной паутины Интернета в 1994 году. Впервые Нильсен привлек мое внимание этой статьей в 2003 году…

…что было правдой тогда, и остается правдой по сей день; и с тех пор я являюсь и подписчиком, и учеником: вот уже 11 лет. Я также посетил один из его платных семинаров, но, честно говоря, я получил гораздо больше от его свободно доступных и довольно полных статей Alertbox.

По моему мнению, каждый веб-дизайнер должен быть ТРЕБУЕТСЯ ПО ЗАКОНУ прочитать все статьи Nielsen, а затем пройти тестирование на них; а также иметь определенный минимальный уровень технических знаний, чтобы он/она могли понять природу всей этой проблемы, усугубляющейся с каждой минутой, и слишком широкими веб-сайтами; а также чтобы он/она придерживались передовой практики всегда ориентироваться на наименьший общий знаменатель, как это делает сайт CNN.

Пользователю приходится преодолевать любые трудности, чтобы увидеть всю ширину веб-страницы без…

а) необходимость масштабирования; или,
b) необходимость горизонтальной прокрутки; или,
c) необходимо перевести браузер в полноэкранный режим,

…это бессовестно. Каждое когда-либо проведенное исследование юзабилити в Интернете показывает, что, хотя ни у одного посетителя сайта нет проблем с вертикальной прокруткой (мы все делали это с самого начала Интернета), практически *КАЖДЫЙ* посетитель сайта ненавидит горизонтальную прокрутку.

Позор, в таком случае, каждому веб-дизайнеру, который настолько высокомерно бездумен — нет, я снова говорю, безрассуден — что он / она просто бесцеремонно разрабатывает веб-страницы, основываясь на том, как они выглядят на роскошном широком мониторе, для которого он / она он мог платить своей прибылью от веб-дизайна (но которую мы, простые пользователи, возможно, не обязательно имеем), совершенно не заботясь о том, как это будет выглядеть на чьем-либо экране, кроме его/ее.

Я говорю, оспа в его/ее доме. Позор, повторяю.

Спасибо, однако, CNN; и на любой другой сайт (который может включать и этот), чьи дизайнеры/сопровождающие действительно *ПОЛУЧИЛИ* его!

__________________________________
Грегг Л. ДесЭлмс
Напа, Калифорния, США
gregg at greggdeselms dot com

Veritas nihil veretur nisi abscondi.
Veritas nimium altercando amittitur.

DigitalOcean объединяет усилия с CSS-Tricks! Специальное приветственное предложение: получите бесплатный кредит в размере 100 долларов США.

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

Мы часто говорим о разрешении экрана, которое не является релевантной статистикой, когда речь идет о том, какое место доступно посетителям нашего веб-сайта. Соответствующей статистикой является размер окна браузера. Так почему же мы так много говорим о разрешении экрана? Ну, наверное, потому что в самом популярном в мире аналитическом программном обеспечении Google Analytics вы получаете только эти данные.

(команда Google Analytics знает об этом)

Итак, что нам делать? Что ж, начните измерять размер браузера, например.

Но сначала несколько слов.

Что, если бы мы выяснили все виды данных о размерах браузеров наших посетителей. Что делать с этими данными, когда они у нас есть? Если @beep нас чему-то и научил, так это тому, что мы можем и должны приспосабливаться к браузерам любой формы и размера.

Но, тем не менее, иметь информацию никогда не бывает плохо. Более умные мужчины и женщины, чем я, могут видеть то, чего не вижу я, и думать о разумных действиях на основе этих данных.

Получение данных

Поскольку Google Analytics в настоящее время не может нам помочь, нам нужно будет самостоятельно запустить код JavaScript на странице, чтобы получить данные. jQuery позволяет легко измерять размеры, а также создавать и вызывать Ajax для POST данных в сценарий, который может их сохранить:

Теперь нам просто нужно, чтобы скрипт savedata.php был готов принять и сохранить эти данные. Сначала нам нужна база данных, поэтому вот простая структура для нее:

Я не эксперт по MYSQL, но вот что дал мне экспорт структуры из phpMyAdmin:

А теперь мой коварный примитивный скрипт для сохранения POST:

Это то, что я делал на CSS-Tricks в течение одного дня. Если хотите, вот полные данные, которые я собрал в виде SQL.

Просмотр результатов

Во-первых, данные о скучном разрешении экрана. Я получил это, запросив 500 случайных выборок данных и наложив элементы div такого размера друг на друга настолько светло-серым, насколько я мог сделать. Кстати, это rgba(0,0,0,0.004) , потому что rgba(0,0,0,0.003) чисто белый (странно).

Обратите внимание на довольно четкие линии. Только мониторы бывают разных размеров. Имеет смысл. Вот что происходит, когда мы делаем то же самое с размерами окна браузера:

Гораздо более размыто. Также имеет смысл. Даже когда я пишу это, мой браузер имеет очень произвольный размер, вероятно, около 80% разрешения моего экрана. Щелкните эти изображения выше, чтобы увеличить их. Вы заметите, что какие бы ни были видимые четкие края в версии размера браузера, они ровно на 20 пикселей уже, чем аналог размера экрана. Интересно.

Если я окрашу размеры экрана в красный цвет, а размеры браузера в зеленый и положу их друг на друга, мы получим вот что:

Обратите внимание, что на внешних краях оттенок остается красным. Немногие люди с очень широкими мониторами открывают окно браузера так широко. Я знаю, что нет. Давайте посмотрим на статистику для «полноэкранных» браузеров. Сколько людей используют браузер в полноэкранном режиме или, так сказать, с «максимальным» окном браузера. Ну, если вы запрашиваете только те записи, где размер окна и разрешение экрана точно такие же, очень мало, менее 1%, но становится интересно:

Полностью полный экран 0,85%
В пределах 50 пикселей от полного экрана 1,06%
В пределах 100 пикселей от полного экрана 9,67 %
В пределах 200 пикселей от полного экрана< /td> 61,18%

Поэтому очень немногие люди просматривают в полноэкранном режиме, но большинство людей просматривают почти в полноэкранном режиме. Как предположение, вполне вероятно, что пользователи Windows просматривают полноэкранный режим, так как это гораздо более естественное поведение в этой операционной системе. Но теперь «полноэкранный режим» имеет большое значение в OS X Lion, возможно, это начнет влиять на этот материал.

Если мы поместим этот материал в разворот и используем весь набор данных, вот один из способов разбить его на части:

td>
Диапазон ширины Окно браузера Разрешение экрана
0px – 500px< /td> 1,13% 1,02%
501–800 пикселей 2,01% 1,06%
801px – 1000px 2,84% 0,07%
1001px – 1200px 14,91% 6,86%
1201px – 1400px 40,65%35,57%
1401px – 1600px 17,38% 17,17%
1601px – 2000px 20,41% 34,34%
2000px+ 0,66 % 3,91%

И где во всем этом мобильность? Несмотря на отчеты о массовом росте мобильного просмотра, в чем я не сомневаюсь, у CSS Tricks очень мало мобильного трафика.

Давайте завершим это несколькими простыми советами:

  • Самое популярное разрешение экрана — 1680 x 1050 – почти 13 % посещений используют мониторы такого размера.
  • Как и ожидалось, ни один размер окна браузера не превосходит все остальные, но лидирует размер окна 1349 x 667 – 0,75 % посещений.
  • Самое популярное соотношение разрешения экрана – 16:10, и оно составляет 46 % посещений. Может быть, потому, что многие видео имеют формат 16:9, и производители мониторов хотели, чтобы люди смотрели это, но при этом оставалось место для некоторого хрома ОС? Следующим идет формат 16:9 с 29%, 5:4 с 12% и 4:3 с 8%.
  • Все эти пропорции больше в ширину, чем в высоту. Оказывается, только у 2 % посетителей экраны больше в высоту, чем в ширину (или, по крайней мере, об этом сообщают).
  • Фактические окна браузера также имеют тенденцию быть шире, чем в высоту, и только 3% посещений имеют размеры, которые больше в высоту, чем в ширину.
  • Среднее количество пикселей на экран = 1 539 515 пикселей.
  • Среднее разрешение экрана = 1526 x 967.
  • Средний размер окна браузера = 1366 x 784

Джейми Бикнелл из Rentedsmile Web Design за помощь в объединении запросов MYSQL и PHP, необходимых для выполнения каких-либо полезных действий с данными.

Большинство людей не особо заботятся о веб-браузерах. Большинство людей даже не подозревают, что используют его. Какой бы веб-браузер ни был установлен на их компьютере, когда они его получили, это и есть «интернет». Они не возятся с настройками и не изменяют его — в лучшем случае они добавляют несколько страниц в закладки.

Однако для небольшого меньшинства браузеры — это все. Возьми меня (пожалуйста). Около 75 процентов времени бодрствования я провожу в веб-браузерах — для работы, развлечений, покупок, планирования — и за эти годы я провел бессчетное количество часов, возясь с ними. Больше часов, чем необходимо для здоровья.

Так много вкладок

Если у вас полупрофессиональный веб-браузер, вы, вероятно, интенсивно используете вкладки. В моем случае это стало чем-то вроде патологии. Сейчас у меня открыто 227 вкладок. Нет, это не опечатка.

Большинство людей никогда не приближаются к такому уровню сумасшествия, но вам не нужно открывать много вкладок, прежде чем вы начнете сталкиваться с проблемами: браузер начинает потреблять память, все замедляется, вкладки настолько сжимаются, что вы можете' т видеть их. это беспорядок. Это Google Chrome с 20 открытыми вкладками:

В Chrome открыто 20 вкладок.

В этом тупике сложно найти что-либо, по крайней мере, при быстром визуальном сканировании. Обычно это дополнительное движение или щелчок, которые, если вы делаете это десятки раз в день, складываются.

Браузеры в том виде, в каком они поставляются "из коробки", не рассчитаны на пользователей, активно использующих вкладки. Поэтому они должны быть настроены.

Необходимая настройка: вертикальные вкладки

Для меня критична одна модификация браузера. Я не мог делать свою работу без него. Я говорю о вертикальных вкладках.

Почти все современные компьютерные мониторы широкоэкранные. Вертикальное пространство в большом почете, в то время как по бокам вашего браузера есть широкие области, которые не используются. Так почему бы не переместить вкладки туда?

Вы можете разместить гораздо больше вкладок на панели вкладок, вы сможете четко читать их названия, даже если их много, и у вас будет больше места по вертикали в главном окне браузера для чтения. Вот как выглядит мой браузер Mozilla Firefox с теми же 20 открытыми вкладками:

В Firefox открыто 20 вкладок.

Вот в чем проблема: вертикальные вкладки доступны только в Firefox.

В Chrome, Safari и Internet Explorer горизонтальные вкладки жестко закодированы. У программистов нет API, чтобы изменить его. Я даже обращался напрямую к разработчикам Chrome, и мне сказали, что они не собираются этого делать, потому что активные пользователи вкладок составляют крошечную часть их пользовательской базы. Хм. (Если кто-то знает иначе, дайте мне знать.)

Самой простой реализацией в Firefox является расширение под названием Вертикальные вкладки. (Предупреждение: похоже, что он больше не разрабатывается активно.) Более мощную и многофункциональную версию можно найти во вкладках в древовидном стиле, которые будут отображать вкладки в вертикальном списке, который может быть вложенным, как папки в Finder или Windows Explorer. Я использую его уже более десяти лет.

Вот как выглядит Firefox с некоторыми из этих 20 вложенных вкладок:

В Firefox открыто 20 вкладок, некоторые вложены друг в друга. (Вы можете свернуть эти деревья папок.)

Для Firefox я также использую Tab Mix Plus, который добавляет несколько функций, которых нет в вкладках Tree-Style, в том числе маленькие, которые я считаю незаменимыми — например, вы можете настроить его так, чтобы при закрытии вкладки вы автоматически возвращаетесь к последней активной вкладке, независимо от того, где она находится на панели вкладок.

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

Меньшие альтернативы для Chrome

Если вы привязаны к Chrome, есть несколько неоптимальных альтернатив. Есть популярный OneTab, который соберет все ваши открытые вкладки в список, отображаемый на одной вкладке. Вы можете открыть некоторые или все из них позже. (Он также выгружает открытые вкладки из памяти — об этом позже.)

Существует Tab Outliner, который создает отдельное окно боковой панели с вертикальным (и вложенным) списком вкладок. Есть Tab Manager, который делает что-то похожее на OneTab. И, вероятно, есть и другие.

Ни один из них не работает для меня, потому что мне нужно, чтобы все было видно в любое время. Если вкладки отсутствуют в моем поле зрения, они исчезли из банков моей памяти. (Моя жена шутит, что мне не хватает постоянства объектов.) Вот почему закладки и сервисы сохранения на потом, такие как Pocket, у меня не работают. Я сохраняю вещи. но я никогда не возвращаюсь к этому.Хорошо это или плохо, но мне нужно, чтобы все мои текущие исследования были связаны со зрением. Вот что мне дают вертикальные вкладки. YMMV.

Как сделать так, чтобы вкладки не замедляли работу браузера

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

Чтобы избежать этого, вам нужен какой-то способ сделать вкладки видимыми, но выгрузить те, которые вы не используете, из активной памяти. Затем, когда вы нажимаете на вкладку, она перезагружается с нуля.

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

Последний трюк: сохранение групп вкладок

Иногда вы открываете несколько вкладок при изучении определенной темы и хотите сохранить эту группу вкладок для дальнейшего использования. Вы можете сделать это в Firefox с помощью диспетчера сеансов, который сохраняет группы вкладок и управляет ими. (Есть также Session Manager для Chrome.)

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

О, Мастер, сделай меня целомудренным и целомудренным — но не сейчас!

Просматривая веб-страницы, я часто вспоминаю знаменитую молитву Августина. Лучшее решение проблемы зависимости от вкладок, вероятно, состоит в том, чтобы укротить ее с помощью дисциплины вкладок — сделать привычкой закрывать вкладки и найти лучший способ отслеживать исследования. (То же самое относится и к моему методу управления электронной почтой «Все во входящих навсегда».)

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

Можно сделать это правильно.

Видео Vox: Чему я научился, подружившись с иранцами на Facebook

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

Читайте также: