Debugging Chrome using the Firefox Debugger

Developing across multiple browsers and devices is the main issue developers have when building applications. Wouldn’t it be great to debug your app across desktop, Android, and iOS with one tool? We believe the Web is powerful enough to offer a Mobile Web development solution that meets these needs.

Enter an experimental Firefox add-on called the Firefox Tools Adapter that connects the Firefox Developer Tools to other major browser engines. This add-on, is taking the awesome tools we’ve built to debug Firefox OS and Firefox on Android to the other major mobile browsers starting with Chrome on Android and Safari on iOS. So far these tools include our inspector, debugger, and console.

Firefox Add-on Enables Web Development Across Browsers and Devices →

Blink: A rendering engine for the Chromium project

blink

Google just announced it’ll fork Webkit for use with Chrome/Chromium as it has become too difficult to add features to it as Chrome uses quite a different multi-process architecture than other WebKit-based browsers:

When Chromium started, our goal was to change as little of WebKit as possible, easing integration with the WebKit codebase. With Blink we are excited to make large-scale architectural changes to the code, without having to worry about breaking other consumers of WebKit.

When Opera announced they’re dropping Presto in favor of Webkit, they actually meant Blink (src).

Blink →
Blink Announcement →

Bulletproof Demos thanks to Google Chrome Record Mode

Record modes let you record every request Chrome makes. Playback mode serves requests out of that recorded cache just as if they were being loaded on the spot. It doesn’t record where you click or what you open: everything will be served out of the recorded cache, even if your servers have exploded, a bug has been deployed, or the conference wifi has dropped out.

Bulletproof Demos →

OneTab extension for Chrome

onetab

Whenever you find yourself with too many tabs, click the OneTab icon to convert all of your tabs into a list. When you need to access the tabs again, you can either restore them individually or all at once.

Might be a good alternative when having about 100 tabs open and having to switch to an other profile/browser/build to keep things speedy …

OneTab extension for Chrome →

Sublime Web Inspector — Debug JavaScript in SublimeText

  • Set and remove breakpoints right in SublimeText
  • See all console messages with level
  • See object properties
  • See a stack and all variables (local, global, closure)
  • Evaluate selection on current call frame
  • Live reload

Sublime Web Inspector →

Find Your Way to Oz

“Find Your Way to Oz” is a new Google Chrome Experiment brought to the web by Disney. It allows you to take an interactive journey through a Kansas circus, which leads you to the land of Oz after you are swept up by a massive storm.

Find Your Way to Oz →
“Find Your Way to Oz” Technical Info →

WebRTC RTCPeerConnection interoperability between Firefox and Chrome

RTCPeerConnection (also known simply as PeerConnection or PC) interoperability means that developers can now create Firefox WebRTC applications that make direct audio/video calls to Chrome WebRTC applications without having to install a third-party plugin. Because the functionality is now baked into the browser, users can avoid problems with first-time installs and buggy plugins, and developers can deploy their apps much more easily and universally.

Hello Chrome, it’s Firefox calling! →