Firefox is introducing Firefox Replay, a tool that allows Firefox tabs to record, replay, and rewind their behavior

Mozilla is constantly putting its efforts into improving Firefox’s devtools. One such effort is Firefox Replay, an experimental tool that allows Firefox content processes to record their behavior so that it can be replayed and rewound later.
The main highlight of Firefox Replay is the “code timeline” that enables you to scan through every code execution at a glance. Along with execution points, the timeline also shows exceptions, events, and network requests in real-time. It also allows you to save your recordings and pick up where you left afterward.

How Firefox Replay works

The record and replay behavior is achieved by “controlling the non-determinism in the browser.” Initially, it records non-deterministic behaviors (intra-thread and inter-thread) and then replays it later to “force the browser to behave deterministically.”
Firefox Replay includes IPC integration to enable communication between a recording or replaying process and the chrome process. Its rewind infrastructure allows a replaying process to restore a previous state. Its debugger integration enables the JS debugger to read the required information from a replaying process and control the process’s execution.
Firefox Replay is not officially released yet, however, Mac users can give it try by downloading the nightly builds. Since it is still experimental, Firefox Replay is disabled by default. You can turn it on with the ‘devtools.recordreplay.enabled’ preference.
The team is working on support for other platforms as well. “Windows port work is underway but is not yet working.  The difficulties are in figuring out the set of system library APIs to intercept, in getting the memory management and dirty memory parts of the rewind infrastructure to work, and in handling the different graphics and IPC pathways on different platforms,” the official doc reads.
Firefox definitely managed to catch up but not before lots of devs switched to chrome and stopped checking for compatibility with Firefox.”

Comments

Post a Comment

Popular posts from this blog

Making open source JavaScript pay

Image
Money isn’t everything to the success of the most popular JavaScript frameworks. Or is it? Looking at the  2019 State of JavaScript report , something stands out: Money apparently can’t buy everything. Or, at least, not every major front-end and back-end programming framework is sponsored by a big company. Sure, we have Google to thank for  Angular , and Facebook gets credit for  React , but what about  Vue.js ? Or Gatsby? Or Next.js? While these (and other) open source projects do seem to suggest a future without Big Corps shoveling Big Money into open source, the reality is a bit more nuanced. For the developers looking to pay their way through open source, however, reality isn’t nuanced at all. For every Vue.js founder  Evan You making $16,000 per month with Patreon contributions , there are thousands of developers struggling to scrape together $16 for the important open source work they’re doing. [  Also on InfoWorld: 15 great alternatives t...
Read more

How artificial intelligence is making the education system more relevant?

Image
Digital learning solutions equipped with artificial intelligence are making revolutionary changes to the way education is imparted in students with varied interests and capabilities. When we think of artificial intelligence, there is a hardwired imagery of gigantic thinking machines working in sci-fi environment. This imagery often comes from the science fiction that we have been watching or reading since childhood. However, deep diving suggests that artificial intelligence is an advanced form of algorithm that empowers machines to emulate human behavior under real life situations. Today, there is no industry untouched by the ripples caused by artificial intelligence. Education sets the foundation of human behavior. Educational ecosystem is formed by knowledge base, teaching skills and experience, learning capability, and evolving teaching methods. Digital learning solutions equipped with artificial intelligence are making revolutionary changes to the way educat...
Read more

What Is Brutalism in Web Design?

Image
3   min read   Brutalism is a special breed of web design, working well for quirky, creative brands and individuals. However, this rule-bending design technique must be employed with care. Read this guide to find out how. Brutalism is one of those trends that seems to come and go in web design. It’s not because there isn’t much value in brutalist design. It’s more that it doesn’t always fit with the style and tone of the times.  That’s part of what makes brutalism so intriguing though. When most websites tend to fall in line and adopt the same basic trends from year to year, a website that doesn’t play by the rules can easily steal the spotlight.  You just need to know whether that’s the right kind of light you want to shine on the brand. Brutalism can sometimes come off as cold and somber. If it’s not properly executed or not used for the right kind of brand, it can send the wrong signals to website visitors.  In this guide to brutalism in web design, we’l...
Read more