Připojte své zařízení k aplikaci Dreamweaver pro stolní počítače a získejte možnost kontrolovat, testovat, ladit nebo zobrazit webové stránky na různých zařízeních.
Náhled a kontrola webových stránek

Aplikace Dreamweaver nově umožňuje testování webových stránek připravených k publikaci současně na více zařízeních. Podle potřeby můžete sledovat, jak se webové stránky projevují v různých velikostech a testovat jejich interaktivní funkce. To vše bez nutnosti instalovat jakékoli mobilní aplikace nebo muset fyzicky připojit zařízení ke stolnímu počítači! Jednoduše v zařízení naskenujte automaticky generovaný QR kód, skrze který můžete v tomto zařízení otevřít náhled vašich webových stránek.

Funkce Živá kontrola se po spuštění ve stolním počítači zkopíruje do každého připojeného zařízení a umožní vám kontrolovat různé elementy a měnit návrh podle vašich potřeb.

Předpoklady

Ujistěte se, že je v zařízení nainstalována čtečka QR kódů.
Ujistěte se, že jsou váš stolní počítač i mobilní zařízení připojeny k internetu a nachází se ve stejné síti.
Mějte připraveny přihlašovací údaje pro vaše Adobe ID. K přihlášení do zařízení během zobrazení náhledu potřebujete identifikátor Adobe ID, který používáte pro aplikaci Dreamweaver ve svém stolním počítači.
Pokud jste podnikový zákazník, ujistěte se, že máte požadovaná oprávnění pro přístup ke službě Náhled zařízení.
V zařízení zkontrolujte, že jsou v nastavení prohlížeče povoleny jazyk JavaScript a soubory cookie.

Podporovaná zařízení

Všechna zařízení se systémem Android a iOS

Náhled webových stránek v zařízení

  1. Ve stolním počítači spusťte aplikaci Dreamweaver a otevřete webovou stránku, pro kterou chcete zobrazit náhled v zařízení.

  2. Klikněte na ikonu Náhled v reálném čase na panelu nástrojů dokumentu.

    Náhled v reálném čase na zařízení
    Náhled v reálném čase na zařízení

    Zobrazí se místní nabídka Náhled v zařízení s QR kódem a krátkou adresou URL.

     

  3. V mobilním zařízení, ve kterém chcete zobrazit náhled webového dokumentu, naskenujte kód QR. Pokud budete chtít připojit více zařízení, naskenujte kód QR v každém z nich.

  4. Na zařízení se zobrazí přihlašovací obrazovka. Přihlaste se pomocí přihlašovacích údajů Adobe ID. Použijte stejný identifikátor Adobe ID, který používáte pro aplikaci Dreamweaver / Creative Cloud.

    Přihlašovací obrazovka v zařízení
    Přihlašovací obrazovka v zařízení

  5. Po úspěšném přihlášení se v místní nabídce Náhled zařízení zobrazí názvy připojených zařízení. Zároveň se zobrazí náhled vaší webové stránky na připojených zařízeních.

    Místní nabídka Náhled v zařízení se seznamem připojených zařízení
    Místní nabídka Náhled v zařízení se seznamem připojených zařízení

Poznámka:

Pokud budete chtít namapovat názvy zařízení v místní nabídce se skutečným zařízením, umístěte kurzor myši na název zařízení. Na příslušném zařízení se objeví obrazovka pro zpětnou vazbu.

Kontrola webových stránek v zařízení

Pokud budete chtít provést kontrolu webové stránky na všech připojených zařízeních, klikněte na panelu nástrojů Dreamweaver na ikonu Inspekce.

Možnost Inspekce na panelu nástrojů
Možnost Inspekce na panelu nástrojů

Ke kontrole webové stránky na konkrétním zařízení klikněte na ikonu Inspekce, která odpovídá názvu zařízení v místní nabídce Náhled zařízení. Velikost displeje v zařízení Dreamweaver se nastaví tak, aby odpovídala velikosti displeje na příslušném zařízení. Současně se také spustí kontrola v daném zařízení a v aplikaci Dreamweaver.

Opětovným kliknutím na ikonu Inspekce v aplikaci Dreamweaver režim kontroly ukončíte.

Všechny úpravy provedené ze stolního počítače na vašem webu se po potvrzení okamžitě projeví i v zařízení.

Řešení problémů s funkcí Náhled zařízení

Pokud narazíte na problémy během připojování zařízení nebo prohlížení náhledu webových stránek v zařízení, vyhledejte informace v článku Náhled zařízení – řešení problémů.

Tato práce podléhá licenci Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License.  Na příspěvky ze služeb Twitter™ a Facebook se nevztahují podmínky licence Creative Commons.

Právní upozornění   |   Zásady ochrany osobních údajů online