How can I simulate mobile devices and debug in Firefox Browser?

firefox mobile plugins
user1433439 picture user1433439 · May 20, 2013 · Viewed 149.5k times · Source

I am looking for a tool, that shows my website in a mobile device mode. Also I want to debug my website with tools like Firebug or ... even better I can use Firebug. What is an established solution to do that?

Answer

PiLHA picture PiLHA · May 23, 2013

You can use tools own browser (Firefox, IE, Chrome...) to debug your JavaScript.

As for resizing, Firefox/Chrome has own resources accessible via Ctrl + Shift + I OR F12. Going tab "style editor" and clicking "adaptive/responsive design" icon.

Old Firefox versions

Old Firefox

New Firefox/Firebug

Firefox

Chrome

Chrome

*Another way is to install an addon like "Web Developer"

Related questions

Hiding the address bar in mobile Firefox

I have tried the various scrollTo() solutions which hide the address bar in a mobile browser, but none of them seem to work at all in mobile Firefox. Is there a different trick which needs to be used in that …

Read More
Hide scroll bar, but while still being able to scroll

I want to be able to scroll through the whole page, but without the scrollbar being shown. In Google Chrome it's: ::-webkit-scrollbar { display: none; } But Mozilla Firefox and Internet Explorer don't seem to work like that. I also tried this …

Read More
How to manually send HTTP POST requests from Firefox or Chrome browser?

I want to test some URLs on a web application I'm working on. For that I would like to manually create HTTP POST requests (meaning I can add whatever parameters I like). Is there any extension or functionality in Chrome …

Read More