Co je dobré vědět
- Aktivujte Web Inspector na iOS: Přejděte na Settings > Safari > Advanced a přesuňte se přepínač Web Inspector do polohy On.
- Používejte Web Inspector na macOS: Připojte své iOS zařízení k Macu a z nabídky Develop vyberte adresu URL, kterou chcete zkontrolovat.
Pokud narazíte na chybu nebo jiný problém s webovou stránkou v Safari pro mobily, použijte k prozkoumání nástroj Web Inspector. Tento článek vysvětluje, jak používat konzoli Safari pro iPhone k ladění chyb pomocí počítače Mac. Pokyny platí pro iPhone s iOS 14, iOS 12 nebo iOS 11 a také pro Mac s macOS Big Sur (11.0), macOS Catalina (10.15) nebo macOS Mojave (10.14).
Aktivujte si Web Inspector na svém iPhonu nebo jiném zařízení iOS
Webový inspektor je ve výchozím nastavení deaktivován, protože většina uživatelů iPhonů pro něj nemá využití. Pokud jste však vývojáři nebo jste zvědaví, můžete jej aktivovat v několika krátkých krocích. Zde je návod:
-
Otevřete nabídku iPhone Nastavení.
Na iPhonu se starší verzí iOS otevřete Debug Console přes Settings > Safari > Vývojář > Debug Console Když Safari na iPhonu detekuje chyby CSS, HTML a JavaScript, zobrazí se v ladicím programu podrobnosti o každém z nich.
- Posuňte se dolů a klepněte na Safari pro otevření obrazovky, která obsahuje vše, co souvisí s webovým prohlížečem Safari na vašem iPhonu, iPadu nebo iPodu touch.
- Posuňte se na konec stránky a vyberte Advanced.
-
Přesuňte přepínač Web Inspector do polohy On.
Image
Připojte své zařízení iOS k Safari na Macu
Chcete-li použít Web Inspector, připojte svůj iPhone nebo jiné zařízení iOS k počítači Mac s webovým prohlížečem Safari a aktivujte nabídku Vývoj.
-
S otevřeným Safari vyberte Safari z lišty nabídky a zvolte Preferences.
Image -
Vyberte kartu Advanced.
Image -
Zaškrtněte políčko Zobrazit nabídku Vývoj v řádku nabídek a zavřete okno nastavení.
Image -
Na liště nabídky Safari vyberte Develop a vyberte název připojeného zařízení iOS a poté vyberte adresu URL, která se zobrazí pod Safaripro otevření ladicí konzole pro daný web.
Image Po připojení zařízení pomocí Macu zkontrolujte web, který chcete ladit, a nechte jej otevřít v mobilním prohlížeči Safari.
Co je Web Inspector?
Weboví vývojáři používají Web Inspector k úpravě, ladění a optimalizaci webových stránek na počítačích Mac a iOS. S otevřeným Web Inspectorem mohou vývojáři kontrolovat zdroje na webové stránce. Okno Web Inspector obsahuje upravitelný kód HTML a poznámky týkající se stylů a vrstev webové stránky v samostatném panelu.
Před iOS 6 měl webový prohlížeč Safari pro iPhone vestavěnou konzoli Debug Console, kterou vývojáři používali k vyhledávání vad webových stránek. Nejnovější verze systému iOS místo toho používají Web Inspector.
Se Safari 9 a OS X Mavericks (10.9) Apple představil Responsive Design Mode ve Web Inspector. Vývojáři používají tento vestavěný simulátor k náhledu, jak se webové stránky přizpůsobují různým velikostem, rozlišením a orientacím obrazovky.
