Chrome M40: The Virtual Viewport

The idea of the virtual viewport is to split the notion of “the viewport” into two, “the layout viewport” (where fixed position items are attached) and “the visual viewport” (What the users actually see). In the screenshots above you can cleary see this in action: without a virtual viewport it’s not possible to view right […]

Taking Chrome DevTools outside of the browser

Let me introduce what I call the Chrome DevTools App. It’s a standalone app that runs Chrome DevTools in its own process. It’s powered by node-webkit, and it’s able to run on Windows, Mac and Linux, completely independently of Chrome. From the same guy who brought/is bringing us RemoteDebug. Taking Chrome DevTools outside of the […]

Marking HTTP As Non-Secure

My name is Bramus and I approve this message: We, the Chrome Security Team, propose that user agents (UAs) gradually change their UX to display non-secure origins as affirmatively non-secure. We intend to devise and begin deploying a transition plan for Chrome in 2015. The goal of this proposal is to more clearly display to […]

Debugging iOS Safari and UIWebViews using Chrome DevTools

The ios_webkit_debug_proxy allows developers to inspect MobileSafari and UIWebViews on real and simulated iOS devices via the DevTools UI and WebKit Remote Debugging Protocol. DevTools requests are translated into Apple’s Remote Web Inspector service calls. The proxy detects when iOS devices are attached/removed and provides the current device list on http://localhost:9221. A developer can click […]

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 […]