Firefox DevTools

@FirefoxDevTools

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

firefox.dev
Inscrit en juillet 2013
196 Photos et vidéos Photos et vidéos

Tweets

Vous avez bloqué @FirefoxDevTools

Êtes-vous sûr de vouloir voir ces Tweets ? Les voir ne débloquera pas @FirefoxDevTools

  1. Tweet épinglé
    5 mai

    🎉 Countless quality of life improvements Firefox 76: 🕶 Ignore entire folders in Debugger 🗜 Compressed multi-line console output 🔍 Action Cable support in WebSocket inspection 🔐 Password warnings for breaches & reused passwords 🔈 Audio Worklets

    24 Retweets 83 j'aime
    Supprimer
  2. 8 mai

    🦊 Happy Friday! Here's the latest Network panel mockup, which includes a design for the full table view. Feedback welcome! —

    19 réponses 38 Retweets 253 j'aime
    Supprimer
  3. a retweeté
    7 mai

    In a collaboration with , and , we present to you the Grant for the Web Hackathon on DEV. We challenge the community to build great tools on top of the proposed web monetization standard— Cash prizes and more.

    1 réponse 54 Retweets 141 j'aime
    Supprimer
  4. 7 mai

    ▶️ Great video about Firefox's CSS tools from , including demos of Inactive CSS, Font Editor, and Accessibility Inspector! —V

    20 Retweets 54 j'aime
    Supprimer
  5. 6 mai

    Checking your sites for browser compat is a great way to support the open web. We hope the Compatibility panel makes that easier! Find it in the Inspector sidebar in DevEdition/Nightly. Code Concept , UX &

    2 Retweets 22 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  6. a retweeté
    4 mai

    What if collaborative game design was a thing? What if you could directly design and play your game in with friends? Iterating together on game dynamics in the browser. Here is a small example relying on , customized in the console with nothing to install!

    8 réponses 27 Retweets 85 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  7. 6 mai

    ✨ New in DevEdition: The Compatibility panel shows which CSS declarations are unsupported in certain browser versions. Includes links to learn more on MDN and settings to customize the supported browsers. Give it a try and let us know how it goes!

    5 réponses 72 Retweets 270 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  8. a retweeté
    5 mai

    Really excited by this release, as it contains my PR that significantly improves keyboard navigation and screen reader compatibility for the tree view in the JSON viewer, the network response tab and probably a few other places

    🎉 Countless quality of life improvements Firefox 76: 🕶 Ignore entire folders in Debugger 🗜 Compressed multi-line console output 🔍 Action Cable support in WebSocket inspection 🔐 Password warnings for breaches & reused passwords 🔈 Audio Worklets
    4 Retweets 28 j'aime
    Supprimer
  9. 5 mai

    Have you discovered Console's multi-line editor mode? ⌨️ Use like an IDE, execute with Ctrl/Cmd-Enter 🧙🏻‍♂️ Instant evaluation preview 🎉 Printed code snippets are now collapsed to save space Did you know? You can select text for partial execution. Enjoy hacking away 🥳

    3 réponses 49 Retweets 179 j'aime
    Supprimer
  10. 1 mai

    Thanks all for the comments! • I changed the cached status badges to translucent :) • Some suggested the Name icons should all be on the left. IMO, the globes are closely tied to the names, while the errors are separate and can be multiple, so right-aligned works better. —V

    3 Retweets 25 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  11. 28 avr.

    ✨ New mockup! and I read through all your Network panel comments and created this second iteration. Feedback appreciated! —

    40 réponses 58 Retweets 431 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  12. 28 avr.

    Work-from-home 👩🏻‍💻🏡👨🏿‍💻 is new for some and "new old" for others. As a remote-first team we want to share more and support you, so we are curious to hear: ❓ What has changed in how you and your team work? ❓ How did it affect your productivity, positive or negative?

    2 réponses 4 Retweets 19 j'aime
    Supprimer
  13. 24 avr.

    Huge thanks to everyone who took the survey! The comments have been amazing. 🧡 and I are analyzing them and will share more next week to continue the conversation! Meanwhile, here's the WIP mockup in case anyone else wants to comment. —

    7 réponses 18 Retweets 125 j'aime
    Supprimer
  14. 23 avr.

    💬 If you'd still like to weigh in on our Network redesign ideas, now's your chance! We'll close the survey at the end of the week. —

    1 réponse 9 Retweets 11 j'aime
    Supprimer
  15. 22 avr.

    💡 If you use the Network panel in browser tools, we need your input! This 5-min survey asks about your most-used columns and includes a sneak peek at a redesign that's in progress - let us know if it works for you! —

    2 réponses 32 Retweets 41 j'aime
    Supprimer
  16. a retweeté
    17 avr.

    Over 2 million people all over the world are using Facebook Container to keep Facebook from tracking them around the internet. Try it out extension for yourself.

    Facebook Container Extension | Firefox
    The Facebook Container extension for Firefox helps you take control and isolate your web activity from Facebook.
    18 réponses 117 Retweets 339 j'aime
    Supprimer
  17. 17 avr.

    If you don't have control over that logged error, you can right-click on it, use "Store as global variable", and then call console.dir with the new variable. We plan to make the process easier soon, so you can switch between the "custom" view and the "regular object" one 🙂

    1 réponse 9 Retweets 48 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  18. 17 avr.

    When logging an Error object, the console only shows the message and stacktrace so you can get important information fast. But now*, you can also inspect the error object in the console using `console.dir(err)`. * Nightly 77.0a1 (2020-04-16) —

    Firefox DevTools console with console.log and console.dir calls with an error object
    4 réponses 48 Retweets 203 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer
  19. 16 avr.

    Thanks to everybody for getting us to 100+ responses 🙌🏻! We'll analyze and categorize to share a summary out soon. /

    👂🏻 Input needed. What are the top 3 questions you open the Network panel for? ⭐️ Thank you as always for helping us to make DevTools better.
    Afficher cette discussion
    1 réponse 7 Retweets 31 j'aime
    Supprimer
  20. 15 avr.

    Background in case you want to help: We are exploring the information architecture of the request table and the details sidebar; so more users can find what they need faster, but power users can also discover the additional details.

    2 réponses 5 Retweets 11 j'aime
    Afficher cette discussion
    Afficher cette discussion
    Supprimer

@FirefoxDevTools n'a pas encore tweeté.

Le chargement semble prendre du temps.

Twitter est peut-être en surcapacité ou rencontre momentanément un incident. Réessayez ou rendez-vous sur la page Twitter Status pour plus d'informations.

    Vous aimerez peut-être aussi

    ·