← головнаПрограмування

Прев'ю у network вкладці після оновлення Chrome стало дуже мале

В нових версіях Google Chrome (на MacOS в моєму випадку) Preview у Network Tab дуже мале. Така саме проблема і в інших браузерах (Arc).Як тимчасове рішення - треба перезаписати CSS стилі для цього віконця.Додамо width...

В нових версіях Google Chrome (на MacOS в моєму випадку) Preview у Network Tab дуже мале. Така саме проблема і в інших браузерах (Arc).
Як тимчасове рішення - треба перезаписати CSS стилі для цього віконця.
Додамо width: 100%; та height 400% до iframe з класом html-preview-frame.
Виклик інспектора працює рівно так, як й на інших веб-сторінках.
ezgif-22124eff598adf.gif
Знайшов тред на Редіт з цією проблемою. Тож я не один такий. Наступний крок - використати якийсь Chrome-плагін, та захардкодити ці стилі.
UPD.
Знайшов варіант, як перезаписувати стилі після перезавантаження сторінки.
  • Відкрити Inspector (перший рівень)
  • Перейти в Network Tab / Preview
  • Відкриваємо інспектор всередині прев'ю
  • Source / Overrides:
  • requestHTMLView.css -> Додаємо стилі
  • Згортаємо другий інспектор (який інспектує перший хаха)
Screenshot 2025-06-05 at 18.50.53.png
І головний трюк - ось цей другий інспектор, яким ми інспектували перший - не закривати, а згорнути. Тоді overrides будуть застосовуватись :D
ezgif-2c1a6dac5e386f.gif

🔥 Більше дописів

Всі публікації
Що таке вайб-кодинг?
25 лип. '25, 21:51

Що таке вайб-кодинг?

Вайб-кодинг — це стан, коли ти не слідуєш жорстким правилам програмування, а просто ловиш настрій...

Що таке integer overflow?
Програмування15 серп. '25, 08:28

Що таке integer overflow?

Ви маєте є лічильник, який може рахувати лише до певного числа. Наприклад, кишеньковий калькулято...

Що таке HAR file (HTTP Archive)?
Програмування25 серп. '25, 18:23

Що таке HAR file (HTTP Archive)?

HAR file (HTTP Archive) - це спеціальний формат файлу .har, у якому зберігається журнал роботи ве...