Přeskočit na obsah
@365tipu
  • Domů
    • Práce na dálku
    • Twitter for dummies
    • Jak na Mastodon
    • Facebook a marketing
    • Návod pro Instagram
    • Jak na LinkedIn
    • Bezpečný Internet
    • Bezpečnost pro novináře
    • Soukromí na Facebooku
    • Pomocník webdesignera
    • Jak na WordPress
    • Nepostradatelné software
      • Jak na Windows 11
      • Jak na Windows 10
      • Jak na iPhone/iPad
      • Jak na Mac OS
      • Jak na Apple TV/TV+
      • Jak na Apple Watch
      • Jak na Apple AirTag
      • Microsoft Office
      • Linux
    • Jazykový koutek
    • GTD
    • Filmy a TV seriály
    • Recenze
    • Chytrá domácnost
      • Chytrá domácnost
      • Jak na Google Home
      • Amazon Echo a Alexa
      • Apple HomePod
      • Jak na Raspberry Pi
      • Jak na QNAP NAS
      • Netatmo
    • Jak na Home Assistant
  • Všechny štítky
  • Odběr e-mailem
  • RSS/XML
  • Kontakt
    • Kontakt
    • Twitter
    • Facebook
    • BlueSky
    • Mastodon
      • Threads
    • Zásady Cookies (EU)
26. 9. 2015 podle 365tipů
Software

Microsoft Edge má také ladicí nástroj pro webové vývojáře. Visí na F12

Dev Tools v Microsoft Edger jsou vylepšené pokračování podobných vývojářských pomůcek, které byli již v předchůdci, tedy Internet Exploreru. Jsou v lecčem dost podobnému tomu co najdete ve Firefoxu i Chrome a samozřejmě, patří mezi jednu z nejvíce užitečných věcí, které nejenom vývojář potřebuje.

2015-09-26 14_48_12-365tipu.cz – Vývojářské nástroje F12 ‎- Microsoft Edge

K vyvolání stačí stisknout F12 (což mimochodem funguje ve všech třech zmíněných prohlížečích) – nakonec se celým jménem jmenují Edge F12 Dev Tools. Narozdíl od jiných ale vývojářské pomůcky v Edge jsou vždy pouze jako samostatné okno – není je možné připnout k oknu, kteér právě ladíte.

2015-09-26 14_48_40-365tipu.cz – Vývojářské nástroje F12 ‎- Microsoft Edge

Jinak zde najdete vše potřebné – DOM Explorer, možnosti měnit CSS/HTML. Interakci s JavaScript v Konzoli, kde najdete i případné zaznamenané chyby a problémy. Nechybí ani ladicí nástroj (Debugger), síťová komunikace (Network), analýza vykreslování a toho jak „rychlá “ je stránka, diagnostika potřeb paměti či testování na různých velikostech obrazovky.

2015-09-26 14_49_39-365tipu.cz – Vývojářské nástroje F12 ‎- Microsoft Edge

Související příspěvky

TIP#433: Jak v mobilním prohlížeči zobrazím zdrojový kód stránky?
TIP#1285: Jak vymazat všechny cookies
TIP#981: Jak se bránit zneužití správců hesel v prohlížečích a automatickému vyplňování formulářů?

Chrome Edge Firefox Microsoft Prohlížeč Webdesign Windows Windows 10

Předchozí článekTIP#269: Proč je dobré mít hodně fanoušků (na Facebooku, zejména) ale proč to není zásadní (na Facebooku, zejména)Další článek TIP#270: Co mám dělat, když se mi nelíbí obsah účtu, který sleduji (na Twitteru)?

Nejnovější příspěvky

  • TIP#3253: Co je to latence a proč to hraje roli (nejen) při hraní her
  • TIP3252: Chladit notebooky podložkou? Co byste měli vědět
  • TIP#3251: Kouzelná meteostanice ATMOS řeší problém, o kterém ani nevíte
  • TIP#3250: Jak zabránit tomu, aby se Mac po restartu znovu otevřel se všemi aplikacemi z poslední relace
  • TIP#3249: Zálohovat počítači či NAS? Rozhodně ano. Ale kam a jak? Včetně velkého přehledu cloudových služeb

Nejčtenější

Přispět na provoz můžete

Přispějte. 500 Kč můžete změnit dle vlastního uvážení. Z částky zaplatíme DPH a pochopitelně daně platbou na účet 331049001/5500, spec. symbol 365. Částku si můžete změnit. Z platby odvádíme DPH a daníme ji.

Zdejší tipy na zajímavé/užitečné věci obsahují affialiate odkazy na Alzu/Aliexpres

... nebo placeným odběrem

Staňte se platícím odběratelem newsletteru. 5 USD/měsíc, 50 USD/rok nebo dle vlastního uvážení od 100 USD/rok. Každou středu a neděli nálož informací.

Kontakt a tak

Kontakt: 365tipu@gmail.com

Veškerý obsah zde uveřejněný je CC-BY-NC-SA