Wpis z mikrobloga

@zukuS: Po prostu przesiądź się na chrome do #responsivedesign masz https://developer.chrome.com/devtools/docs/device-mode a poza tym dziesiątki innych super przydatnych rozwiązań.
Otwierasz F12 DevTools ustawiasz żeby panel wyświetlał się z prawej i możesz wygodnie - zmieniając szerokość tego panelu zmieniać szerokość samej strony, w prawym górnym rogu będziesz widział rozmiar viewportu w pikselach.

W firefoxie (w wersji dla developerów) jest podobna opcja co do tej z chroma ale sporo
  • Odpowiedz
W firefoxie (w wersji dla developerów) jest podobna opcja co do tej z chroma ale sporo uboższa.


@Greg36: W każdej wersji, w tej developerskiej po prostu masz przycisk otwierający narzędzia na wierzchu.

W czym taka uboższa ?
  • Odpowiedz
@moooka: W Firefoxie w trybie "Responsive Design Mode":
- emulacja dotyku większość czasu źle działa, czasami w ogóle,
- nie ma możliwości symulowania gęstości pikseli,
- w Chrome domyślne presety z rozdzielczościami są pokazane według telefonów (np. Google Nexus 5 360 x 567) w Ff jest tylko parę opcji pikselowych, niby nic ale nie trzeba szukać specyfikacji jak chce się sprawdzić konkretny model,
- brak opcji *network throttling*, która umożliwia szybkie sprawdzenie wydajności strony przy gorszej prędkości łącza - takich jak 3G,
- Chrome dodatkowo ma "wykres" który jest wizualną reprezentacją media queries, widać miejsca gdzie je wprowadziliśmy i
  • Odpowiedz
@Greg36: media queries jest w inspektorze, część tego co wymieniłeś dostępne jest z konsoli lub można zmienić w about:config i dodatkami, ale fakt przydałoby się mieć to wszystko pod ręką, bardziej dostępne.
  • Odpowiedz