Android

Jak ladit webové stránky na chrome pro Android v počítači

How to Download and Install Google Chrome On Mac OS X

How to Download and Install Google Chrome On Mac OS X

Obsah:

Anonim

Jako administrátor blogu ladím svůj osobní web pomocí Chromu, abych viděl, jak by vypadaly změny v motivu a CSS, než je natrvalo implementuji na server. Nebyl jsem dávno, když jsem nikdy nevěnoval pozornost mobilním stránkám, protože jen málo návštěvníků navštívilo můj web pomocí smartphonu. Dnes se však velké procento návštěvníků skládá z chytrých telefonů a tabletů, a proto je nutné se zde také starat o vzhled a prezentaci.

Pokud by se jednalo o stránku v počítači, jedna by se mohla snadno ladit pomocí možnosti z kontextové nabídky prohlížeče Chrome klepnutím pravým tlačítkem, ale to není možnost u stránek v mobilu. Dnes vám tedy ukážu, jak můžete ladit mobilní webové stránky v počítači pomocí prohlížeče Chrome pro Android a Android SDK.

Ladění webové stránky

Krok 1: Stáhněte a nainstalujte Android SDK do počítače a spusťte jej. Instalační program vás požádá o stažení Java, pokud ji nemáte nainstalovanou.

Při prvním spuštění sady Android SDK v počítači budete požádáni o stažení několika rozhraní API a nástrojů. Pokud jediným účelem instalace sady Android SDK je ladění stránek, zrušte zaškrtnutí vše kromě nástrojů platformy Android SDK a klikněte na tlačítko Instalovat balíček.

Krok 2: Po instalaci nástrojů platformy Android otevřete Run Box (Windows + R) a spusťte % userprofile% \ AppData \ Local \ Android \ android \ sdk \ platform-tools a otevřete adresář nástrojů platformy Android.

Krok 3: Nyní podržte klávesu Ctrl + Shift a pravým tlačítkem myši ve složce otevřete příkazový řádek. Příkazový řádek můžete otevřít také pomocí pole Spustit a do složky přejděte ručně.

Krok 4: Jakmile to uděláte, otevřete v telefonu Android Chrome, otevřete Nastavení-> Nástroje pro vývojáře a zaškrtněte možnost Povolit ladění USB webu.

Krok 5: Nyní na příkazovém řádku spusťte příkaz adb forward tcp: 9222 localabstract: chrome_devtools_remote a po úspěšném provedení otevřete prohlížeč Chrome v systému Windows.

Krok 6: Otevřete stránku, kterou chcete ladit, v prohlížeči Chrome pro Android a otevřete adresu URL localhost: 9222 v prohlížeči Chrome vašeho počítače.

To je vše, uvidíte všechny stránky, které jsou otevřené v prohlížeči Android jako miniatury v počítači. Chcete-li otevřít stránku ladění, jednoduše klikněte na miniaturu příslušného webu. V reálném čase budete moci sledovat ladicí změny, které provedete na svém počítači, přímo v systému Android.

Závěr

Jsem si jist, že tento trik pomůže mnoha webovým vývojářům optimalizovat jejich webové stránky pro chytré telefony. Trik jsem použil pro konfiguraci svých webových stránek a fungovalo to jako kouzlo. Pokud však víte o lepším způsobu ladění webových stránek smartphonu v počítači, sdílejte je s námi.