To view the webpage in 3D, click the "3D View" tool button. You’ll be able to see the different layered elements much more clearly in 3D view. Viewing webpages in 3D helps with layout problems. To make this appear on the developer tools window: click "Toolbox Options" and under "Available Toolbox Buttons" section check " Grab a color from the page" checkbox. To access the "Eyedropper" tool through menu go to ☰ > Developer > Eyedropper. Check " Take a fullpage screenshot" checkbox.įirefox has a built-in color picker tool by the name of "Eyedropper".Click "Toolbox Options" and under "Available Toolbox Buttons" section. Once the toolbar appears at the bottom of the page, type screenshot -selector any_unique_css_selector.Go to ☰ > Developer > Developer Toolbar (shortcut Shift + F2).Under the "Available Toolbox Buttons" section, check the " Toggle rulers for the page" checkbox.Īlthough the Firefox toolbar lets you take screenshots of the full page or visible portions, in my opinion the CSS selector method is more useful for capturing screenshots of individual elements as well as for elements that are visible on mouse-hover only (like menus).To make this appear on the developer tools window: Once the toolbar appears at the bottom of the page, type rulers.Go to: ☰ > Developer > Developer Toolbar (shortcut: Shift + F2).The tool is useful for arranging your elements across the page. View horizontal and vertical rulersįirefox has a ruler tool that displays both horizontal and vertical rulers with pixel units on the page. Read Also: 40 Firefox Add-ons For Better Productivity 1. I’ve also demonstrated what these tools can do with GIFs plus how to access them for quick reference. You can find more on its tool collection on the Firefox Developer Tools webpage and can also try their Developer Edition Browser which has more features and tools that are being tested.įor this post, I’ve listed 10 handy tools you might like from its developer tools collection. Firefox being "developer’s browser" has many great tools to help make our work easier.
0 Comments
Leave a Reply. |