Wyłączanie siatki w emulacji urządzenia chromowego

Question

Wiem, że to pytanie może nie pasować tutaj, ale to naprawdę doprowadza mnie do szału już od kilku godzin :(Używam chrome do symulacji wyglądu witryn na różnych urządzeniach mobilnych. .. na siatce z władców do pojawiających nie wiem WTF zrobić, aby wyłączyć tę siatkę to jest zrzut ekranu.

odinstalowałem i ponownie zainstalować przeglądarkę i wraca z powrotem zresetować narzędzia programisty do ustawień domyślnych i nadal tam jest. 0 To naprawdę staje się dla mnie koszmarem od kilku godzin. Chcę normalnej emulacji bez tych linijek i siatki oraz górnego paska. Dzięki

Answer 1

Nie kliknąłeś nic złego. Twój Chrome zaktualizował się do 38.2125, a emulator ma teraz te atrybuty. Co więcej, funkcja dotykowa jest zepsuta.

Aby rozwiązać problem, pobierz wersję Chrome "Kanarek". Nadal musisz zobaczyć siatkę, ale ekran jest ulepszony i łatwiej zobaczyć układ. Również funkcja dotykowa jest stała.

Get Chrome Canary tutaj: https://www.google.com/intl/en/chrome/browser/canary.html

Answer 2

Jest mały niebieski przycisk po lewej stronie elementów, które faktycznie robi magię.

Answer 3

To właśnie przycisk włącza/wyłącza emulator. PO szuka sposobu na wyłączenie siatki tła podczas emulacji urządzeń mobilnych.

Answer 4

Jeśli chcesz wyłączyć wielobarwne linie siatki, które pojawiają się jako nakładka, sprawdź konsolę w dolnej części narzędzi programistycznych. Istnieje zakładka z renderowaniem i spróbuj wyłączyć opcję "Pokaż złożone granice warstw". Jeśli nadal widzisz linijki, to ustawienie znajduje się w Ustawieniach (narzędziach) narzędzi deweloperskich, pod nagłówkiem Elementy znajduje się opcja "Pokaż miarki".