Zatrzymywanie stanu strony gdy wykorzystuję narzędzie developerskie

Question

Cześć, zajmuję się ostatnio webówką i jest jedna rzecz której nie znalazłem, a która mocno uprzykrza mi życie.

Mianowicie jak na stronie nacisnę przycisk to pojawia się jakieś okienko, jak kliknę gdzieś obok to ono znika i tak to ma działać. Problem robi się jak chcę np. to okienko ostylować i zamiast przebijać się przez tekst chciałbym użyć narzędzia developerskiego w przeglądarce, żeby na szybko sprawdzić czy jak dodam jakiś CSS to czy to zacznie wyglądać tak jak chcę, lub po prostu sprawdzić jak się coś nazywało.

W takiej sytuacji otwieram narzędzie developerskie, klikam przycisk, klikam „Pick element on the page” i … okienko znika ☹

Moje pytanie brzmi jak zatrzymać stan strony tak, żeby nie reagowała jak po niej klikam? Chodzi mi tu o to żebym, tak jak w przykładzie, mógł otworzyć okienko, otworzyć narzędzie i coś tam robić z HTML-em oraz CSS-em, ale żeby okienko w międzyczasie było cały czas otwarte. Podobnie jakiś tooltip, select, itp., itd..

Answer 1

https://medium.com/wix-engineering/5-killer-chrome-devtools-features-that-will-change-your-life-effef6fcd1e2

https://stackoverflow.com/questions/17931571/freeze-screen-in-chrome-debugger-devtools-panel-for-popover-inspection

https://stackoverflow.com/questions/24202730/freezing-page-to-inspect-elements-that-react-to-cursor-movements

Może tutaj znajdziesz  to czego szukasz ...

Comments

Dzięki wielkie, szkałem tego ale jakoś tam nie trafiłem. Odpowiedź znaleziona a i cały artykuł sobie chętnie przeczytam później, moze się czegoś jeszcze dowiem.

---

Nie ma za co

Cała przyjemność po mojej stronie

Miłej pracy .

Answer 2

Wygląda jak problem z przeskokiem focusu do devtools. Jest odpowiednia opcja od tego.