F12 Tools mimo prohlížeč?

Internet Explorer i Microsoft Edge obsahují šikovné nástroje pro ladění webů v podobě dobře známého F12. Webový prohlížeč ale dnes už není jediným místem, kde běží HTML a JavaScript – do WinForms a WPF můžete přidat ovládací prvek Web Browser, nové add-iny pro Office taky využívají jádro prohlížeče a moderní aplikace pro Windows mohou být celé napsané v JavaScriptu a HTML.

V žádné z těchto variant nejsou nástroje F12 dostupné (schválně, zkuste to… :) ). Systém Windows 10 je ale má v sobě schované – stačí spustit tzv. „F12 Attach Cooser“ podle toho, pro jaký procesor je aplikace napsaná.

  • C:\Windows\SysWOW64\F12\F12Chooser.exe (pro 64b aplikace)
  • C:\Windows\System32\F12\F12Chooser.exe (pro 32b aplikace)

F12-chooser

Aplikace se pokusí detekovat ostatní programy, které aktuálně využívají renderovací jádro prohlížeče. Na obrázku jsou vidět dvě – „Wikipedia“ je aplikace otevřená uvnitř Wordu, „Bing“ je stránka načtená v prohlížeči Edge.

Když zvolím Wikipedii, otevře se klasické okno F12:

F12-wikipedia

A nyní se můžu podrobně podívat, jak je vlastně add-in postavený a jak třeba vyrábí iFrame.

F12-debug

Tímto způsobem můžete např. ladit chyby v kódu na klientském stroji, kde nemáte Visual Studio a nemůžete připojit klasický debugger, nebo analyzovat výkon (záložka Performance umí sbírat vytížení paměti).

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *