Firefox (firefox) debugging mobile page

Everyone knows that Firefox has firebug, whether it is debugging css or js is very good.
Do you know the debugging tools that come with Firefox?
Today we will talk about the debugging tools that come with Firefox

How to make users or their own debugging tools debug mobile phone stations?
1. Open Firefox, as shown in the following figure
Insert picture description here
2. Open the browser's tools menu and find "Developer Tools", see the following figure
Insert picture description here
3. Select the tool we want to use, see the following figure
Insert picture description here

After opening, the debugging tool that comes with Firefox is very similar to firebug

4. Turn on the debugging mode of the mobile device, see the following figure. At
Insert picture description here
this time, we see that the viewport of the page has changed. See the following figure.
Insert picture description here
The width of the viewport can be adjusted by itself through the slider on the right and below

5. You can get a new viewport size by modifying the display value above the drop-down menu, and can also save and delete
Insert picture description here

Published 147 original articles · praised 49 · 160,000 views +

Guess you like

Origin blog.csdn.net/bigbear00007/article/details/105461393