Szukam narzędzia, które pokazuje moją stronę w trybie urządzenia mobilnego. Również chcę debugować moją stronę za pomocą narzędzi takich jak Firebug lub ... jeszcze lepiej mogę użyć Firebug. Co to jest ustalone rozwiązanie, aby to zrobić?Jak mogę symulować urządzenia przenośne i debugować w przeglądarce Firefox?
Możesz użyć narzędzi własnej przeglądarki (Firefox, IE, Chrome ...) do debugowania JavaScript.
Co do rozmiaru, Firefox/Chrome właścicielem zasobów dostępnych poprzez Ctrl + Przesunięcie + I LUB F12. Przejdź do zakładki "edytor stylów" i kliknij ikonę "projekt adaptacyjny/elastyczny".
Stare wersje Firefoksa
Nowy Firefox/Firebug
Chrome
* Innym sposób polega na zainstalowaniu dodatku takiego jak "Web Developer"
Myślę, że w dzisiejszych czasach firebug stara się nadążyć za strażakiem. Uwielbiam to, ale walczy. Coraz częściej używam wbudowanego inspektora, który jest dostarczany z Firefoksem, kiedy muszę rozwiązywać problemy z Firefoksem. –
Większość aplikacji internetowych wykrywa urządzenia mobilne na podstawie nagłówków HTTP.
Jeśli witryna korzysta również nagłówki HTTP do identyfikacji urządzenia mobilnego, można wykonać następujące czynności:
User-Agent i wartości: Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3Mam nadzieję, że pomoże!
Można użyć dodatku do przeglądarki Firefox User Agent Overrider. Mając to na dodatek można użyć cokolwiek User Agent chcesz, dla examlpe:
Firefox 28/Android: Mozilla/5.0 (Android; Mobile; rv:28.0) Gecko/24.0 Firefox/28.0
Jeśli witryna wykrywa urządzeń mobilnych za pośrednictwem agenta użytkownika będzie można przetestować układ ten sposób.
Aktualizacja listopad '17:
związku z wydaniem Firefoksa 57 i wprowadzeniu rozszerzenia internetowej ten dodatek niestety nie jest już dostępna. Alternatywnie można edytować preferencje Firefox general.useragent.override w konfiguracji:
about:configgeneral.useragent.overrideNaprawdę dobry w użyciu. Przypominają mi, że są podobne rozszerzenia w chrome, np .: https: //chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg –
Dzięki! Właśnie tego chciałem, ale problem dotyczy wszystkich zakładek przeglądarki :( – Kabkee
Chciałbym użyć "Responsywnego widoku projektu" dostępnego w menu Narzędzia -> Web Developer -> Responsive Design View. Pozwoli Ci to przetestować Twój CSS na różnych rozmiarach ekranu.
Użyj Responsive narzędzie do projektowania z wykorzystaniem Ctrl + Shift, + M.
To jest najłatwiejsza metoda . –
Tryb responsywny to nie to samo co symulacja mobilna –
Można użyć wspomnianego już wbudowany w Responsive trybie projektowania (za pośrednictwem narzędzi dev) dla ustawienia dostosowane przekątnej ekranu wraz z Random Agent Spoofer Plugin modyfikować nagłówki symulować używasz komórki, tablety itp Wiele stron internetowych określić ich zawartość zgodnie z tymi zidentyfikowanymi nagłówkami.
Jako dev narzędzi można użyć wbudowanego Narzędzia dla deweloperów (Ctrl + SHIFT + I lub Cmd + Przesunięcie + I dla Mac), które stały się dość podobna do Chrome dev narzędzia już teraz.
Myślę, że lepiej jest użyć paska narzędziowego Chrome Changer z inspektorem chrome. Zapewnia przełącznik agenta użytkownika wraz z trybem reagowania. 
Chcę tylko dodać, że jest to natywna funkcja w Chrome. Możesz wybrać symulację "Galaxy S5", a następnie ponownie załadować stronę, aby wyświetlić ją na przykład. – User