~robcee/ more than just sandwiches

Highlighter Integration Build, August 7, 2011

I put together another build this weekend with some of our in-progress patches. I left out a few features that weren’t specifically for the Highlighter that were in the previous version (Orion in Scratchpad, the Style Editor to name two). You can download the build for your platform here: http://ftp.mozilla.org/pub/mozilla.org/firefox/nightly/latest-devtools/.

Devtools Highlighter Integration Build, August 7, 2011, click to view on flickr.

For this build, we wanted to get some feedback on the Highlighter and Style Inspector pieces themselves. Specifically, the attribute editing in the HTML panel (bug 575234), the layout of the Style Inspector’s contents (bug 672748), the breadcrumbs in the highlighter toolbar (bug 672006) and the selected node’s “infobar” (bug 663833).

A couple of points about this build: The HTML panel and Style panels are not enabled by default. To access them, you have to press the Style and HTML buttons on the highlighter’s toolbar at the bottom of the screen. The toolbar itself and buttons are not styled yet and will be taken care of in bugs 676253 and 676255.

Note that there are bound to be bugs in this build. The unittests haven’t been completely written for each of these features yet and for some of them, it’s the first time they’ve lived together. Nevertheless, if you find bugs, feel free to file them in Firefox::Developer Tools. We’ll either dupe[1] them or use them to create more tests.

Thanks for testing! Comments in bugs are preferred to blog comments, but we’ll what we can get.

1 – Duplicate. In a Bugzilla context, mark it as RESOLVED DUPLICATE of another, pre-existing bug.

I like how inspecting elements on the page brings focus.

I know this is way early, but I cannot emphasize enough how the style inspector needs to feel/look like actual css. I do like how the style inspector links out to the css property on developer.mozilla.org.

Looking really awesome!

Thanks for the feedback, Paul! The Style Inspector is undergoing some pretty heavy redesign right now. That along with the (not included in this build) Style Editor should provide a fair bit of CSS horsepower to the developer tools.