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