Articles by Harald Kirschner (digitarald)
-
Firefox’s New WebSocket Inspector
The Firefox DevTools team and our contributors were hard at work over the summer, getting Firefox 70 jam-packed with improvements. We are especially excited about our new WebSocket inspection feature. To use the inspector now, download Firefox Developer Edition, and open the DevTools’ Network panel to find the Messages tab. Then, keep reading to learn more about WebSockets and the tricks that the new panel has up its sleeve.
-
WebHint in Firefox DevTools: Improve Compatibility, Accessibility and more
Creating experiences that look and work great across different browsers is one of the biggest challenges on the web. It can also be the most rewarding part, as it gets your app to as many users as possible. Testing legacy browsers late in the development process can break a feature that you spent hours on, even requiring rewrites to fix. What if the tools in your primary development browser could warn you sooner? With Webhint in Firefox DevTools, we can do exactly that, and more.
-
Faster smarter JavaScript debugging in Firefox DevTools
Script debugging is one of the most powerful and complex productivity features in the web developer toolbox. Done right, it empowers developers to fix bugs quickly and efficiently. The DevTools Debugger team – with help from our tireless developer community – has just landed updates that significantly improve performance and reliability.
-
New in Firefox DevTools 65
We just released Firefox 65 with a number of new developer features that make it even easier for you to create, inspect and debug the web. Among all the features and bug fixes that made it to DevTools in this new release, we particularly want to highlight our brand new Flexbox Inspector and all the features and enhancements that deliver smarter JavaScript inspection and debugging.
-
Debugging Modern Web Applications
The Firefox Dev Tools team released an upgrade to the debugger’s source map support. It lets you inspect the code that you actually wrote. Combined with the ongoing work to provide first-class JS framework support across all Firefox devtools, these advances boost productivity for web app developers working in frameworks like React, Angular, and Ember and with modern tools like Webpack, Babel, and PostCSS.
-
Designing for performance: A data-informed approach for Quantum development
What makes work on performance so challenging and why is it so important to include the user from the very beginning? This article explores the difference between technical and perceived performance, and describes an approach to testing and measurement that correlates the user's quality of experience with characteristics that engineers can benchmark.
-
Power Surge – optimize the JavaScript in this HTML5 game using Firefox Developer Edition
The Firefox Developer Tools team wanted to find a fun way to show off the great performance tools we’ve just added to the Firefox Developer Edition browser. We partnered with Przemysław Sikorski (aka rezoner) author of Playground.js and the arcade puzzle game QbQbQb, to create “Power Surge,” a fun game which shows off how the […]
-
Protecting your Firefox OS App code
One question we get asked quite often about developing web applications using HTML5, CSS3, and JavaScript, is about how to conceal code. Reasons range from preventing cheating, protecting intellectual property, hiding encryption algorithms and others. Since JavaScript is executed on the client side, even on Firefox OS, the users can get access the code if […]
-
Optimizing your JavaScript game for Firefox OS
When developing on a quad core processor with 16 gigabytes of RAM you can easily forget to consider how it will perform on a mobile device. This article will detail some best practices and things to consider for moving a game to Firefox OS or any similar hardware target. Making the best of 256 Mb […]
-
How to install packaged apps in Firefox OS – options and tools
I thought this would be a good time to show the options for developers how to install packaged apps, and as an extension to that, installing them on an actual Firefox OS device (more on Open Web apps, if it’s new to you). Why a packaged app? First and foremost, a packaged app is where […]
