DEV Community

Cover image for 5 Tips and Tricks for Firefox DevTools - JavaScript Debugger

5 Tips and Tricks for Firefox DevTools - JavaScript Debugger

Alex Lakatos 🥑 on April 27, 2019

This is the third post in a series of productivity tips and tricks to help you debug web applications with Firefox Devtools. It shows you 5 tips &a...
Collapse
 
filips profile image
Filip Š

I have one question with Firefox Developer Tools.

If page has iframe, I can jump to it with button in top menu of dev tools. This works.

But when I refresh page, dev tools will go back to parent page. Can I make that they will permanently stay in iframe?

Collapse
 
lakatos88 profile image
Alex Lakatos 🥑

I don't think you can, sorry.

What I usually do in these cases is right-click the frame content and select "This Frame -> Open Frame in New Tab". That ensures I have the parent frame as referrer, and I can interact with it in cases where iframes only work if referred by the main domain, like CodePen.

Collapse
 
filips profile image
Filip Š

Unfortunately, I can't do this.

Can I submit a suggestion for this to Firefox Developers? Where?

Thread Thread
 
lakatos88 profile image
Alex Lakatos 🥑

Yes please! The team lives in Bugzilla, so file a bug there and label it as an enhancement. bugzilla.mozilla.org/enter_bug.cgi...

Thread Thread
 
filips profile image
Filip Š
Thread Thread
 
lakatos88 profile image
Alex Lakatos 🥑

Thank you. I've voted for it now, hopefully some more people will and it will be picked up for development!

Collapse
 
itsjzt profile image
Saurabh Sharma

"What's is the biggest lie in the universe?" What's answer of this. 😁

Collapse
 
lakatos88 profile image
Alex Lakatos 🥑

😂“I have read and agree to the Terms & Conditions.”

I was recording some of the gifs while debugging puns.dev 😅

Collapse
 
itsjzt profile image
Saurabh Sharma

😂😂