1813604 - Access Devtools within the browser

Status: NEW

(Firefox for Android :: Browser Engine, enhancement)

Description

[Jeff Boek [:boek]]

From github: https://github.com/mozilla-mobile/fenix/issues/7549.

Why/User Benefit/User Problem

Mobile devices are becoming more prevalent and more and more people are using them exclusively rather than laptops or desktops.

One of the cool features of web browsers, for me, has been the ability to inspect and mess around with them and see how they work under the hood. It helped get me into web development, and I've heard similar stories from a lot of people in the industry.

It'd be nice if we could start seeing dev tools within phones and get the current generation of web-users to have the same experience.

What/Requirements

• Ability to open dev tools as a tab
• A mobile-friendly-ish UI for dev tools (The desktop version is good enough for tablets)
• An "open dev tools button" in the hamburger menu somewhere
• An "inspect element" option in the context menu when right clicking an element.
• Ability to dock dev tools while viewing the page in addition to the tab? (probably harder to get right)

Acceptance Criteria (how do I know when I’m done?)

• People will be able to debug issues with web pages / mess around with them.

┆Issue is synchronized with this Jira Task

Change performed by the Move to Bugzilla add-on.