Sign in with Twitter

Username:

Firefox DevTools @FirefoxDevTools Mozilla's Global Community

Built for you to design, code, test, refine a better web for everybody. Follow us for announcements, tips, sneak peeks, and more!

55 Following   38,519 Followers   1,525 Tweets

Joined Twitter 7/17/13


Hi friends, Firefox Developer Tools will not be going away. We will be a smaller team and will share more details l… https://t.co/GvxAu3jsMD
Retweeted by Firefox DevTools
8/13
2020
Hi friends, Firefox Developer Tools will not be going away. We will be a smaller team and will share more details l… https://t.co/GvxAu3jsMD
8/12
2020
The Containers add-on gives you separate cookie jars for your tabs 🍪 It’s great for staying logged in with multip… https://t.co/Yt2bcavKng
8/10
2020
@alex_ploner @violasong Do you mean pseudo-element borders? For now we would probably only support the one true bor… https://t.co/C5p7Y1Qb8I @NutonDev @violasong Thanks! Yep📦 Thanks all for the great box model feedback! I've iterated further and added some info to this github issue:… https://t.co/IlcpLbkAF6 @syncopated @CodingExon thanks for the test case! this looks like an issue with sass/sourcemap, we'll investigate w… https://t.co/obhlHPyFxr @syncopated Ah, strange! I'll pass this along —V
7/31
2020
@poke @violasong Thanks for the mockup! Will give this some thought. —V @gavinmcfarland Thanks for the video - we'll investigate. —VHave you used Event Breakpoints before, or even the Log option? We also want to expose those in the Console as wel… https://t.co/Gp5a41HeaL#DevTools Tip: Use Log on Events to explore which event handlers are being fired, in which order, with which argume… https://t.co/wurbpMGuZn📦 Box model UX update: We're trying out a few ideas to make this section more glance-able and compact. This might… https://t.co/U67HdkJByT
7/30
2020
@heinrichbrandes @luc4leone We did try this, but received feedback that it was confusing (i.e. felt like the + woul… https://t.co/v0SYZ0WZ5J @nilsborgboehmer It's tab-based rather than window based. Also it doesn't separate your history, only the cookies. —VWhich of the many-quality-of-life improvements have you been waiting for most – or didn't even know you needed? -@digitaraldThe article has many more improvements, many from our amazing contributors. We appreciate your help ❤️.⚡️ DevTools updates in Firefox 79 🏹 Async Stack Traces (was only DevEdition so far) ❗️ Failed network requests (4x… https://t.co/PeUWSLCPSA
7/29
2020
@vhanla @luc4leone There's a Changes panel in the third-pane that should do this: https://t.co/GFQcbnrbdL @luc4leone Thanks all for the 'Add Property Anywhere' feedback! We have new ideas in the works. Feel free to follow… https://t.co/v1DAUhKUp6 @LucasWerkmeistr @luc4leone Thanks, this is really good to know! We'll have to ask more folks about this. —V @rumkin @luc4leone Nice mockup! Added to the github issue along with further thoughts. https://t.co/EN34rHumIQ —V @VincentTunru @luc4leone Ah, we could make it more clear you can double click the end of a tag to do this —V📯 Prototype feedback wanted! We plan to support adding CSS properties anywhere in a rule, with a subtle ➕ indicato… https://t.co/crhdEzOuXz
7/28
2020
🗳️ Poll: How do you use the box model diagram in the Inspector? For reference only, or do you edit values in it? (O… https://t.co/d6obcaKlRY
7/27
2020
@cr0ybot We're working on a solution for this :) —V https://t.co/Vc7OL8nU7L @NiceYannick You should be able to do this in the Inspector with right-click > Break on. –V💡 Input needed: What are the most useful things to know when inspecting an HTML element? —V @svilenmarkov We don't have the resources to work on this currently, but I hope we can get back to it eventually! —Victoria
7/23
2020
Finally found the time to finish my patch which brings autocomplete to @FirefoxDevTools Inspector Class panel 🎉 Su… https://t.co/iAnOQrZyhX
Retweeted by Firefox DevToolsDo you want Containers that self-destruct after use? 🧨 Check out Temporary Containers! —V https://t.co/OLwADiAIpl @viniciussalvati Not yet. CC: @gabrielluong @JeremiahLee @violasong You may want to try this other add-on, Temporary Containers https://t.co/OLwADiAIplThanks for the Private Windows feedback! If your use case is isolating sites or multiple logins, we recommend the… https://t.co/lB37EvJHtE
7/22
2020
📊 Poll: What's the main thing you use Private/Incognito Windows for? E.g. privacy on a shared computer, signing int… https://t.co/jMSqMasai2
7/21
2020
@Hennell_dev Here: https://t.co/jOTNrWNfwx Thanks for filing!🌃 New in Nightly: Bold new icons for Debugger's "Deactivate breakpoints" button, based on feedback we received that… https://t.co/SOZ7WHYaZZ
7/15
2020
@desmogh I don't think there's a native way, but there's at least one extension for always opening in a private win… https://t.co/rcqzf9cUC7Which ⬛️/⬜️ color scheme do you prefer for your … 🖼 Browser UI vs 🛠 DevTools UI (And why did you set it u… https://t.co/rgN2CgcKOG🏗️ In Progress: CSS Overflow Debugging! When you see an unwanted scrollbar, you'll be able to click the scroll ba… https://t.co/z7VXCkh3Cu
7/9
2020
@tactualist This extension: https://t.co/wRzBsY8hNZ @smariapena Yeah, it's a bit hidden now - there's an extension https://t.co/wRzBsY8hNZ and a simpler version built-in to Nightly —V🍱 If you don't use Firefox Containers, why not? (poll) —V @Pythux @geoffdoesstuff There's both an extension that works on Stable, and built-in (but simpler) functionality in Nightly🍱 If you use Firefox Containers, what for? 1. Separate activity (e.g. work/personal/per-client) 2. Isolating sensi… https://t.co/Ni9nGhtvlq
7/8
2020
[Accept-Language: de] Viel Spaß mit @workingdraft's Firefox Spezial: https://t.co/9w4zNLKdrP @FirefoxPreview, We… https://t.co/m67EZJeTp7
7/7
2020
Of course not just Twitter, but also: Discourse: https://t.co/bvRW3Qcn6m Matrix: https://t.co/z8raddXARh and the o… https://t.co/BiHgqFJryO❓ How early should we tweet about ✨ new features?
7/2
2020
JUST LANDED in Firefox Nightly: 🐢! Appears when the server response time for a request exceeds the recommended l… https://t.co/b1D6gjFG42
Retweeted by Firefox DevTools📺 Jump right into Firefox's https://t.co/Y1cOPA8t2J segment: https://t.co/EDGJ0fQjFX @atopal on joint developer n… https://t.co/jXFy49CwAJHere's a link to the 3-min interview with @violasong. Big thanks to @dalmaer and the team for having us! https://t.co/J7WAIBcJSETry the new DevTools features mentioned today at https://t.co/Y1cOPA8t2J! • Browser Compat: In DevEdition -> Inspe… https://t.co/JipZv3Gdqn
7/1
2020
Our friends at Chrome will be starting day two of https://t.co/tnY5DAxeKo at 8AM EDT (2PM CEST, 5AM PDT). I'll be… https://t.co/qQqylrbOJEIf you have not added Logpoints to your toolbelt, most debuggers support them. https://t.co/M4btlDAXpr 🍿 Bonus ti… https://t.co/ucroPbOj8rStarting in Firefox 78, ✨ Logpoints (aka: console logging without touching code) can log original variables from ba… https://t.co/pZrRaTL3VaNew in Firefox 78: 🗺 Debugger & Console: Source-mapped variables, now also in Logpoints (🙏 @babeljs) ⚠️ Console: M… https://t.co/OBV604L83W
6/30
2020
In @FirefoxDevTools we grouped those warnings together so they don't clutter the output. You can also filter them o… https://t.co/akRcGlOgQH
Retweeted by Firefox DevTools
6/22
2020
Ever wanted to file a browser bug 🦟, helping to make the web platform better, but didn't know where to start? We… https://t.co/fQGEMcVMY7
6/19
2020
Tip: Firefox has a really nice JSON viewer built in. Transforms JSON files (and API responses) into an easy to brow… https://t.co/5XKbmwEf4T
Retweeted by Firefox DevTools
6/16
2020
#DevTools tip for today: In @FirefoxDevTools you can now add a breakpoint for when... a property is being _updated… https://t.co/AqY0FXgeqd
Retweeted by Firefox DevTools
6/15
2020
🎉 Firefox 78 got a faster and modernized RegExp implementation. https://t.co/t3Q6ZAEd4w 🚩 .dotAll… https://t.co/hEESp3txiFSomething new I am working on in @FirefoxDevTools !! For context: We currently don't have any way to inspect Serve… https://t.co/cKMg4fV4YQ
Retweeted by Firefox DevTools
6/10
2020
#DevTools tip for today: Firefox DevTools marks Web Components in the Inspector panel - and it links to the compon… https://t.co/V6nyXRrpnF
Retweeted by Firefox DevTools
6/8
2020
Understand why CSS has no effect with the Inactive CSS rules indicator in Firefox DevTools https://t.co/XzzWLhDN9v
Retweeted by Firefox DevTools
6/4
2020
✨ New in Firefox 77: • Faster JS debugging, with Source Maps that just work! • Step in the selected stack frame •… https://t.co/kaf4IhDZGQ
6/3
2020
📯 Apollo GraphQL DevTools extension for @Firefox: https://t.co/w0NwaQl0wy ✍️ Send queries to your server 📦 Visual… https://t.co/LYUwilBUqU
6/1
2020
What’s happening in Firefox: 🔹 The Network panel is now showing even requests rejected by CORS 🔹 Console panel e… https://t.co/MZNgVJDron
Retweeted by Firefox DevTools
5/27
2020
🦊 Happy Friday! Feedback welcome on this mockup for the Network panel's 'New Request' sidebar. Would this fit your… https://t.co/DMdJjXWFIV
5/22
2020
Today is Global Accessibility Awareness Day! Accessibility is a really fundamental part of @mozilla's mission: he… https://t.co/dkx8XNbSSt
Retweeted by Firefox DevToolsDevelopers: our Dev Tools Accessibility panel can help spot accessibility problems in your sites (and in the deskto… https://t.co/rUbiioz9pD
Retweeted by Firefox DevTools
5/21
2020
Lighthouse for Firefox in action 💨 https://t.co/8PUednfcBE 🤏 Works with one click on any public URL. 🗂 Generated… https://t.co/JjAYuDb1kP💡 Lighthouse audit add-on for Firefox 👉 https://t.co/8PUednfcBE 👈 Report ⚡️ Performance, 🤝 Accessibility, 📦 PWAs,… https://t.co/YAA1NkM60QHave you used request blocking @FirefoxDevTools ? It's an awesome feature you should check out! #DailyDevTools https://t.co/qbkhTuGL4s
Retweeted by Firefox DevTools
5/14
2020
In today's @FirefoxNightly (78.0a1 2020-05-12) exceptions in the Console should be much more helpful! You should b… https://t.co/QuMekhijIs
5/12
2020
@jrblier You can currently show this by right clicking the table headers and selecting "Protocol" —V
5/11
2020
🦊 Happy Friday! Here's the latest Network panel mockup, which includes a design for the full table view. Feedback… https://t.co/m9FeRoE9FyIn a collaboration with @mozilla, @creativecommons and @Coil, we present to you the Grant for the Web Hackathon on… https://t.co/hS08GzXyl7
Retweeted by Firefox DevTools
5/8
2020
▶️ Great video about Firefox's CSS tools from @KevinJPowell, including demos of Inactive CSS, Font Editor, and Acce… https://t.co/3SUNY6vKfo
5/7
2020
Checking your sites for browser compat is a great way to support the open web. We hope the Compatibility panel make… https://t.co/mYBEbsxrjT @MattOnFyre It's inside the Inspector sidebar :) —VWhat if collaborative game design was a thing? What if you could directly design and play your game in #VR with fri… https://t.co/R44zeRwZZ2
Retweeted by Firefox DevTools✨ New in DevEdition: The Compatibility panel shows which CSS declarations are unsupported in certain browser versio… https://t.co/X8luXoHS79
5/6
2020
Really excited by this release, as it contains my PR that significantly improves keyboard navigation and screen rea… https://t.co/7obIttLXlv
Retweeted by Firefox DevToolsHave you discovered Console's multi-line editor mode? ⌨️ Use like an IDE, execute with Ctrl/Cmd-Enter 🧙🏻‍♂️ Instan… https://t.co/TOdpuQjLiQ🎉 Countless quality of life improvements Firefox 76: 🕶 Ignore entire folders in Debugger 🗜 Compressed multi-line c… https://t.co/wH2jT4KQac
5/5
2020
@parasti0 @digitarald @violasong Interesting idea! Giving it some thought. The difficulty is this icon is always us… https://t.co/UrVoa2t7QX
5/4
2020
Thanks all for the comments! • I changed the cached status badges to translucent :) • Some suggested the Name ico… https://t.co/jjPylxrrj2 @patrickbrosset @kiladre Yep, should be in DevEdition on Tuesday next week :) —V
5/1
2020
@xgebi @digitarald @violasong Not yet, but we'll work on that after the other parts of the design are finalized :) —V @AbubakerSaeed96 Those are new :)✨ New mockup! @digitarald and I read through all your Network panel comments and created this second iteration. F… https://t.co/lac4OkghrMWork-from-home 👩🏻‍💻🏡👨🏿‍💻 is new for some and "new old" for others. As a remote-first team we want to share more an… https://t.co/842st9jXGH
4/28
2020
Huge thanks to everyone who took the survey! The comments have been amazing. 🧡 @digitarald and I are analyzing them… https://t.co/5Kemv7Jxc0
4/24
2020
💬 If you'd still like to weigh in on our Network redesign ideas, now's your chance! We'll close the survey at the e… https://t.co/gRoDa2iDak
4/23
2020
@hashhar @violasong Hi! The changes are still in the planning stages but we'll announce anything that lands in Nigh… https://t.co/1Qb0jP3HKu💡 If you use the Network panel in browser tools, we need your input! This 5-min survey asks about your most-used c… https://t.co/QaJtMkGei0
4/22
2020
Over 2 million people all over the world are using Facebook Container to keep Facebook from tracking them around th… https://t.co/CypwWE2vck
Retweeted by Firefox DevTools @nicolaschevobbe If you don't have control over that logged error, you can right-click on it, use "Store as global… https://t.co/69Kodb4sUtWhen logging an Error object, the console only shows the message and stacktrace so you can get important informatio… https://t.co/5T2hRcGENy
4/17
2020
Thanks to everybody for getting us to 100+ responses 🙌🏻! We'll analyze and categorize to share a summary out soon.… https://t.co/Gqv0JglD9N
4/16
2020

0