All original content is created in Ukrainian. Not all content has been translated yet. Some posts may only be available in Ukrainian.Learn more

The preview in the network tab became very small after updating Chrome

Post cover: The preview in the network tab became very small after updating Chrome
This content has been automatically translated from Ukrainian.
In the new versions of Google Chrome (on MacOS in my case), Preview in Network Tab is very small. The same problem in other browsers (Arc).
As a temporary solution, you need to overwrite the CSS styles for this window.
Let's add width: 100%; and height 400% to iframe with html-preview-frame class.
Calling an inspector works exactly like other web pages.
ezgif-22124eff598adf.gif
Found a trade on Reddit with this problem. So I'm not the only one like that. The next step is to use some Chrome plugin and hardcode these styles.
UPD.
Found an option to overwrite styles after reloading the page.
  • Open Inspector (first level)
  • Go to Network Tab/Preview
  • We open the inspector inside the preview
  • Source /Overrides:
  • requestHTMLView.css -> Add styles
  • We roll up the second inspector (who inspects the first haha)
Screenshot 2025-06-05 at 18.50.53.png
And the main trick is this second inspector, with whom we inspected the first - not to close, but to collapse. Overrides will then apply :D
ezgif-2c1a6dac5e386f.gif

ΠŸΡ€ΠΎΠ±Π»Π΅ΠΌΠ° ΠΏΠΎΡ„Ρ–ΠΊΡˆΠ΅Π½Π° Π² Π½ΠΎΠ²Ρ–ΠΉ вСрсії Chrome

Chrome is up to date
Version 137.0.7151.104 (Official Build) (arm64)
Π’ Ρ†ΡŒΠΎΠΌΡƒ ΠΎΠ½ΠΎΠ²Π»Π΅Π½Π½Ρ– Ρ” фікс ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠΈ Π· ΠΌΡ–Π½Ρ–Π°Ρ‚ΡŽΡ€Π½ΠΈΠΌ preview!
Π—Π°Π΄Π°Ρ‡Π°: ΠŸΠ΅Ρ€Π΅Ρ‚Π²ΠΎΡ€Π΅Π½Π½Ρ Ρ€ΠΈΠΌΡΡŒΠΊΠΎΠ³ΠΎ числа Π½Π° дСсятковС (Ruby)
20 May 12:05

Π—Π°Π΄Π°Ρ‡Π°: ΠŸΠ΅Ρ€Π΅Ρ‚Π²ΠΎΡ€Π΅Π½Π½Ρ Ρ€ΠΈΠΌΡΡŒΠΊΠΎΠ³ΠΎ числа Π½Π° дСсятковС (Ruby)

meme code
meme code@memecode
Π—Π°Π΄Π°Ρ‡Π° Π½Π° ΠΏΠ΅Ρ€Π΅Π²Ρ–Ρ€ΠΊΡƒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚Ρ– розстановки Π΄ΡƒΠΆΠΎΠΊ (Ruby)
21 May 10:27

Π—Π°Π΄Π°Ρ‡Π° Π½Π° ΠΏΠ΅Ρ€Π΅Π²Ρ–Ρ€ΠΊΡƒ ΠΏΡ€Π°Π²ΠΈΠ»ΡŒΠ½ΠΎΡΡ‚Ρ– розстановки Π΄ΡƒΠΆΠΎΠΊ (Ruby)

meme code
meme code@memecode
Π―ΠΊ Π·Π½Π°ΠΉΡ‚ΠΈ підмасив Π· максимальною ΡΡƒΠΌΠΎΡŽ (Maximum Subarray Sum) Π² Ruby
22 May 11:01

Π―ΠΊ Π·Π½Π°ΠΉΡ‚ΠΈ підмасив Π· максимальною ΡΡƒΠΌΠΎΡŽ (Maximum Subarray Sum) Π² Ruby

meme code
meme code@memecode
Google Ads for Dummies: A Step-by-Step Guide to a Successful Start
28 May 10:21

Google Ads for Dummies: A Step-by-Step Guide to a Successful Start

meme code
meme code@memecode
What jemalloc is and how it relates to Ruby /Ruby on Rails
30 May 11:53

What jemalloc is and how it relates to Ruby /Ruby on Rails

meme code
meme code@memecode
05 Jun 01:52

[Fixed] uninitialized constant ActiveSupport::LoggerThreadSafeLevel::Logger (NameError)

meme code
meme code@memecode
What is the HEIC format and why just rename it .jpg β€” is a bad idea
15 Jun 18:17

What is the HEIC format and why just rename it .jpg β€” is a bad idea

meme code
meme code@memecode
Π§ΠΎΠΌΡƒ Π²ΠΈΠ±Ρ–Ρ€ CMS Π²Π°ΠΆΠ»ΠΈΠ²ΠΈΠΉ ΠΏΡ–Π΄ час Ρ€ΠΎΠ·Ρ€ΠΎΠ±ΠΊΠΈ сайту?
29 Jun 12:34

Π§ΠΎΠΌΡƒ Π²ΠΈΠ±Ρ–Ρ€ CMS Π²Π°ΠΆΠ»ΠΈΠ²ΠΈΠΉ ΠΏΡ–Π΄ час Ρ€ΠΎΠ·Ρ€ΠΎΠ±ΠΊΠΈ сайту?

meme code
meme code@memecode
Error 403 on the site: what it means and how to eliminate it
24 Jul 23:50

Error 403 on the site: what it means and how to eliminate it

meme code
meme code@memecode
What is vibe coding?
25 Jul 21:51

What is vibe coding?

meme code
meme code@memecode
What is a combinatorial explosion?
28 Jul 11:50

What is a combinatorial explosion?

meme code
meme code@memecode
What is a brain stack?
28 Jul 19:37

What is a brain stack?

meme code
meme code@memecode