Якщо сайти виглядають дрібно і нечитано, можна налаштувати екранний масштаб у Вінді, а в самому браузері використовувати комбінацію клавіш CTRL і +, -, 0 (скидання), або коліщатка миші.

При будь-якій зміні багато сайтів розмиваються, стають нечіткими. Я сам верстальник, і тому дуже критично до такого належу. Замилені іконки та фотографії — що може бути гіршим?

Якщо я вставляю на сайт іконку 100×100 пікселів, то і на екрані хочу бачити таку саму, хоча б на час верстки. Вже потім я прожену тести і подивлюся сайт у різних браузерахі т.п.

Тільки текст

Щоб картинки та елементи інтерфейсу на сайтах не розмазувалися, у Фаєрфоксі я насамперед ставлю галочку «Тільки текст»:

Меню › Вигляд › Масштаб › Лише текст

(якщо меню сховалося, його можна повернути кнопкою ALT)

Тепер будь-які зміни масштабу торкнуться лише розміру шрифту, а графіка сайту залишиться чіткою. Сучасні сайти мають запас гумовості, щоб зі збільшенням шрифту «нічого не поїхало».

Скасувати системне масштабування

У нових версіях Фаєрфокс (і не лише він) навчився читати системні налаштування та застосовувати їх без попередження. У мене у Вінді стояв масштаб 125%, і сайти «замилилися». Ось так можна повернути масштаб 100%:

about:config (в адресному рядку)
layout.css.devPixelsPerPx = 1 (за замовчуванням цей параметр дорівнює -1)

Але разом із цим вкладки, закладки та меню у браузері теж зменшаться.

Збільшити інтерфейс (вкладки, меню)

Щоб не ламати очі, системні менюта шрифти в браузері зробимо більшим за допомогою доповнення:

Після встановлення його можна знайти у Меню › Інструменти. Мої налаштування: шрифт Segoe UI (оптимальний для інтерфейсу), розмір 19 пікселів (якщо встановити більше, іконки та назви сайтів на вкладках «роз'їжджаються»).

Екрани з високим DPI

Для таких екранів рецепт той самий, тільки потрібно підібрати відповідні цифри. При верстці сайтів підійде, наприклад, масштаб 2:1, щоб чітко розуміти, що відбувається з розмірами блоків.

Подяка автору сайту

Якщо Ви хочете підтримати проект, скористайтесь платформою Яндекс.Гроші – це конфіденційно та безпечно.

9 відповідей

Вам необхідно змінити userChrome.css під ~/.mozilla/firefox//chrome за допомогою цього:

/* Styles for Web developer tools */ @namespace url(http://www.w3.org/1999/xhtml); .CodeMirror ( font-family: "Ubuntu Mono", monospace !important; font-size: 15pt !important; )

Результат виглядає так:

Це змінює лише редактор відладчика та стилю. Там інший селектор для HTML-інспектора. Не впевнений, що це таке.

Відкрийте Firefox і введіть about:support. В розділі " Основи застосування" вибрав " Profile Directory - Open Directory". Це звільнить ваш файловий менеджер. Якщо папка chrome відсутня, створіть її. Після цього перейдіть до цієї папки chrome і створіть файл userChrome.css, відкрийте його в текстовому редакторіта додайте: .devtools-monospace (font-size: 12px!important;) Зберегти. Обов'язково перезапустіть Firefox.

ОБНОВЛЕННЯ: мене турбувало одне - при наборі в консолі devtools текст насправді трохи менше, ніж при виведенні (після натискання Enter). Щоб зробити його таким самим, нам потрібно змінити розмір шрифтудля відповідного класу CSS. Я ще не знаю його назву класу, тому я просто встановив

* ( font-size: 12px !important; ) * ( font-size: 12px !important; ) глобально, і це працює.

Так що, як було сказано вище, коротка відповідь - cmd++.

Але знак + може бути недоступний безпосередньо на клавіатурі (без цифрової клавіатури, ноутбука, дивного макета).
Потім потрібно натиснути maj спочатку, щоб отримати доступ до значка + , наприклад, на розкладці американської клавіатури: maj + = .
На жаль, навіть якщо ви правильно сфокусовані на панелі інструментів dev, cmd + maj + = збільшує шрифт панелі перегляду, а cmd + - зменшує шрифт на панелі інструментів dev,
І ви отримуєте панель інструментів для веб-застосунків з невеликим розміром шрифту, який не читається, і не має можливості збільшити його.

Тоді відповідь @Thal підходить, коли вона сфокусована на панелі інструментів dev cmd + 0 , скидає розмір шрифту інструмента розробника до оригіналу.

Якщо ви хочете відповісти на запитання, наприклад @Timothy_Truckle, ось кілька з них (як і раніше зосередитися на панелі інструментів dev, звичайно):

• перейдіть на розкладку клавіатури США і натисніть cmd + =
• знайдіть розкладку клавіатури з доступним + , перейдіть на неї і натисніть cmd + +

Для вас, хлопці, цікаво, чому деяким важко просто натиснути cmd++ або чому деяким важко зосередитися на панелі інструментів dev (бо вони фактично фокусуються на панелі інструментів dev, але результат такий, якби вони були зосереджені на панелі перегляду веб- сторінок).

Ви можете вказати стиль для селектора класів devtools-monospace. Для цього відредагуйте userChrome.css у своєму каталозі mozilla profile chrome та вкажіть необхідні властивості CSS. Наприклад:

Devtools-monospace ( font-family: "Source Code Pro", monospace !important; font-size: 16px !important; )

userChrome.css повинен знаходитись у папці chrome вашого профілю Firefox. Якщо папка не існує, створіть її. Потім ваш userChrome.css перевизначить CSS з інструментів Firefox dev після перезапуску браузера.

Щоб знайти свій профіль у Windows: Strg + R, а потім введіть:

%APPDATA%\Mozilla\Firefox\Profiles\

Деякі елементи Firefoxможуть бути написані у файлі userChrome.css, розташованому в папці Chrome chrome Firefox.
Починаючи з 2018 року, змініть/створіть ~/.mozilla/firefox//chrome/userChrome.css з чимось схожим на:

@-moz-document url-prefix("chrome://devtools/content/") ( * ( font-size: 13px !important; ) )

Потім перезапустіть Firefox.

Рішення на форумах Mozilla майже правильне: https://support.mozilla.org/en-US/questions/1198481

Використання Ctrl+= або Cmd+= не було ідеальним для мене, оскільки воно збільшувало шрифти для всіх елементів вікна, включаючи імена вкладок.

Devtools-monospace ( font-size: 13px !important;) було майже нормально, але це не вплинуло на вкладки Debugger і Network.

Використання рішення @bohag_bihu мало побічні ефекти для адресного рядката деяких інших текстових входів.

Як сказав Джон, спосіб збільшити розмір шрифту в devtools – використовувати ctrl/cmd+, як і на веб-сторінці. Фактично devtools – це веб-сторінка. Вам просто потрібно переконатися, що рамка devtools сфокусована насамперед.

Я боюся, що зараз немає можливості лише збільшити розмір шрифту коду.

Багато людей більшу частину свого робочого часу проводять за комп'ютером, і ми часто забуваємо, що при тривалій роботі за монітором найперше основне навантаження отримують очі. Фахівці стверджують, що оптимальна відстань очей від монітора знаходиться в межах від тридцяти до п'ятдесяти п'яти сантиметрів, при цьому в жодному разі не можна мружитися. Якщо при заданій відстані вам погано видно текст інтернет - ресурсів або до кінця дня ви погано стали його розбирати, то краще збільшити масштаб сторінки або сам текст, а не тикатися носом в екран монітора. Як це зробити, ми розберемо нижче.

Як збільшити масштаб сторінки у Мозилі

Існує кілька варіантів зміни масштабу відображеної інформації на веб-ресурсах. Розглянемо доступні варіанти.

Щоб збільшити масштаб сторінки для покращення читабельності за допомогою меню інтернет-браузера Firefox необхідно:

Запустити браузер, відкрити меню (значок з трьома горизонтальними лініями, розташованими один під одним, у правому верхньому куті вікна). У верхній частині вікна меню можна побачити панельку з управління масштабом. Тиснемо на плюсик, масштаб збільшується, на мінус, відповідно зменшується. Відсотки в середині показують розмір об'єктів, що відображаються на інтернет порталі. Натиснувши на ці цифри, розмір повернеться до стандартних сто відсотків.

Також ви можете побачити поточний рівень масштабу справа верхньої сторони, поряд з адресним рядком.

Щоб змінити масштаб сторінки за допомогою комбінацій на клавіатурі, потрібно, перебуваючи на певному сайті, натиснути та утримувати клавішу Ctrl та одночасно натискати кнопочку + на клавіатурі персонального комп'ютерадля збільшення розміру сторінки, кнопочку «-» для його зменшення, а цифра «0» скине значення до стандартного. Також замість кнопок «плюс» і «мінус» можна використовувати коліщатко на комп'ютерної миші, обертаючи його вперед, при натиснутій кнопці «Ctrl» ви збільшите масштаб назад, зменшіть його.

Як збільшити літери в Мозилі

Якщо вам необхідно змінити розмір шрифту в тексті будь-якого інтернет ресурсу, то для цього необхідно запустити веб-браузер, натиснути на клавіатурі кнопку «Alt». Зверху вікна з'явиться традиційний рядок меню браузера Firefox. Клацаємо на пункт "Вид", потім наводимо курсор на підпункт "Масштаб" і навпроти функції "Тільки текст" ставимо галочку.

Тепер роблячи всі ті дії, які ви робили для зміни масштабу інтернет-ресурсу, будуть змінювати масштаб текстової частини веб-сторінки.

Для того, щоб повернутися до зміни розміру сайту в цілому, потрібно знову натиснути кнопку «Alt», вибрати «Вид» — «Масштаб» та прибрати галочку з пункту «Тільки текст».

Також у браузера Mozilla є функція встановлення мінімального шрифту текстової частини інтернет-сайту. При відкритті будь-якої web-сторінки Firefox перетворює розмір тексту в межах виставленого вами мінімального розміру. Для того, щоб задати мінімальний розмір тексту, необхідно дотримуватися інструкцій на наступній картинці нижче.

Якщо ви не хочете щоразу при запуску або при переході на інший інтернет ресурс змінювати масштаб, то можете завантажити спеціальний додаток до браузера, який робитиме це за вас. Таке розширення називається "NoSquint Plus".

Для того, щоб його встановити вам потрібно:

Відкрити пошукову систему Mozilla, зайти в меню браузера, вибрати пункт меню «Додатки».

У вікні в рядку пошуку вводимо назву розширення «NoSquint Plus», натискаємо на пошук (значок у вигляді лупи праворуч від віконця пошуку). Після закінчення пошуку вибираємо потрібне розширення, і праворуч від нього натискаємо кнопку «Встановити».

У цій статті описано, як налаштувати відображення веб-сторінок, вибравши стилі шрифтів і кольору, які ви віддаєте.

Зміна шрифту

Для зміни шрифту:

Нестандартні шрифти

Деякі веб-сайти використовують нестандартні шрифти. Щоб їх вимкнути:

Інші параметри шрифтів

1. З випадаючого списку Шрифти для набору символіву діалоговому вікні Шрифти виберіть мову групи/скрипту.
   • Наприклад, щоб встановити стандартні шрифти для Західноєвропейських мов/скриптів (Латинський), виберіть Латиниця. Для мов/скриптів відсутніх у списку виберіть Інші системи писемності.
2. Виберіть, чи має бути текст із засічками (наприклад "Times New Roman") або без засічок (наприклад "Arial"). Потім вкажіть розмір шрифту, який потрібно встановити для пропорційного тексту.
3. Вкажіть шрифт, що використовується із Засічками, без Засічок та Моноширинний шрифт. Ви також можете змінити розмір для моноширинних шрифтів.

Також можна встановити найменший розмір шрифту для веб-сторінки. Це корисно для запобігання використанню сайтами надмірно маленьких шрифтів, які ледве читаються.

• Кодування тексту для старих веб-сторінок: Це кодування тексту використовується для старих веб-сторінок, які не вказали кодування.

Зміна кольору шрифту

Для зміни кольору шрифту:

Нестандартний колір шрифту

Деякі веб-сайти використовують нестандартні кольори шрифтів. Щоб їх вимкнути:

Інші параметри для кольору

Текст та фон: Тут можна змінити колір тексту та фону за промовчанням для використання на веб-сторінках, які не вказали цю інформацію. Натисніть на зразок кольору, щоб вибрати колір із палітри.

• Використовувати системні кольори: Перевірте цей параметр для використання кольорів, визначених у налаштуваннях операційної системизамість кольорів, зазначених вище.

Колір посилань: Тут можна змінити кольори за замовчуванням для веб-посилань. Натисніть на зразок кольору, щоб вибрати колір із палітри.

• Підкреслювати посилання: За замовчуванням посилання на веб-сторінках. Зніміть прапорець , щоб вимкнути це. Зверніть увагу, що багато сайтів визначають свої власні правила стилю і цей параметр не буде мати ніякого ефекту на цих сайтах.
• Замінювати кольори, вказані сторінкоюна вибрані вище кольори:
  • Завжди: Виберіть цей параметр, щоб змусити всі сайти, використовувати кольори за замовчуванням.
  • Тільки з контрастними темами: Цей параметр параметр змусить Firefox використовувати кольори, вказані автором веб-сторінки, крім випадків, коли ви використовуєте висококонтрасні теми Windows Linux .
  • Ніколи: Виберіть цей параметр, щоб Firefox використовував кольори, вказані автором веб-сторінки.

Примітка: Якщо пізніше ви захочете відновити кольори за замовчуванням:

1. В адресному рядку наберіть about:configта натисніть EnterReturn.

   • Може з'явитися сторінка попередження about:config "Будьте обережні, бо втратите гарантії!". Клацніть на Я беру на себе ризик!, щоб перейти до сторінки about:config.
2. Наберіть browser*color у рядку Пошуку.
3. Клацніть правою кнопкоюмишіУтримуючи клавішу Control , клацніть мишею.по встановленим користувачем зміненимпараметрів.
4. Виберіть Скинути.

Масштабування

Firefox також включає функцію масштабування. Це дозволяє збільшити розмір тексту на будь-якій веб-сторінці. Додаткові інструкції наведено у статті

Або розмір сторінки у браузері Opera.

У верхньому лівому кутку відкритого браузеразайдіть у МенюВиберіть Налаштуванняі перейдіть в Загальні налаштування:

Зображення збільшуються при натисканні на них.

У Загальних налаштуваньзайдіть у Веб-сторінки. У новому вікні можна збільшити або зменшити шрифт або масштаб сторінки, вибрати стиль та колір шрифту, колір фону та посилань. Щоб зберегти зміни, натисніть ОК:

2. Як змінити шрифт або розмір сторінки у браузері Google Chrome.

У верхньому правому куті браузера натисніть на піктограма керування браузером. У новому вікні знайдіть Масштаб, та натискаючи іконки + або -, встановіть потрібний розмірсторінки:

Щоб змінити стиль і розмір шрифту, натисніть піктограму налаштування та управління Google Chrome, перейдіть до Налаштування:

У браузері відкривається Нова сторінка, клацніть Показати додаткові налаштування , у Веб-контенті збільшуйте або зменшуйте шрифт. Натисніть на Налаштувати шрифти, щоб змінити стиль шрифту:

3. Як змінити шрифт або розмір сторінки в браузері Mozilla Firefox.

У верхній панелі Менюбраузера клацніть Вид, перейдіть в Масштаб.У маленькому вікні виберіть збільшити, зменшити розмір вікна браузера або лише текст сторінки:

Щоб змінити стиль, розмір або колір шрифту, колір фону, посилань, зайдіть у Інструменти — Налаштування — Вміст.Збережіть зміни ОК:

У всіх браузерах можна змінювати розмір сторінки за допомогою «гарячих клавіш»:

4. Як змінити шрифт або розмір сторінки у браузері Safari.

Збільшити або зменшити масштаб сторінки в Safari Менюбраузера - Вид:

Або простіше використовувати «гарячі клавіші» зміни розміру сторінки, які в Safari (та інших браузерах) MacOs відрізняються:

Змінити стиль або розмір шрифту. Safari — Налаштування — Зовнішній вигляд:

Змінити розмір тексту ще простіше: наприкінці адресного рядка клацніть Тільки тексті поверх веб-сторінки з'явиться нова сторінка лише з текстом, де внизу сторінки в невеликій панелі можна збільшити, зменшити текст або надіслати другу поштою.

Використовуйте "гарячі клавіші" ( Ctrl+ , Ctrl - , Ctrl 0 ) або у правому верхньому кутку відкритого Internet ExplorerНатисніть на шайбу, далі Масштабта змінюйте розміри:

Дізнайтеся основних браузерів.