c69's Browser Pit

Subscribe to RSS feed

Posts tagged with "tools"

devtools news: may 2012

, ,

Web Inspector now offers the ability to disable all JavaScript execution on a page, and also allows Web Socket frames to be inspected. The shortcut overlay has received some UI polish and the Timeline Frame Mode has been taken out of experimental.

Firefox has very tasty Debugger API: https://wiki.mozilla.org/Debugger

IE10 will have Error.stack

Dragonfly is now able to inspect es5 getters.

Firefox has got native JS debugger

, , ,

as it tries to phase out Firebug, mozilla added in-built javascript debugger to Firefox:
http://blog.astithas.com/2012/02/debugging-javascript.html

At the same time, Firebug removed the 'feature' responsible for its 'break-up' with firefox:

Delayed Firebug Load
Firebug doesn’t slow down Firefox start time anymore since its loaded as soon as the user actually needs it. There are only a few things loaded at the browser start-up time: the main Firebug menu, Firebug start button and inspect menu-item in page context menu.
This also means that Firebug extensions overlaying only the Firebug UI are loaded as soon as Firebug itself is loaded and so, don’t slow down Firefox start-up time too.



Meanwhile, WebInspector's Heap Inspector is now able to show a percentage-based representation of memory usage for objects, also they got a color picker and image preview. Opera Dragonfly finally has script file filter.

25 Secrets of the Browser Developer Tools

,

by Andi Smith, comments are worth checking as well.
http://www.andismith.com/blog/2011/11/25-dev-tool-secrets/

Nice list with simple, handy, but not well known features. Most of them are also cross-browser.

Don't expect info about heap snapshots, profiling, debugging extensions and stuff like that.

on automated skill testing

, ,

http://albertchu.blogspot.com/2011/01/codility.html

However, I believe [such services] could be used as a general weedout mechanism. While I do not believe a 95% truly differentiates someone who scored a 90%, I do believe that someone who scored a 95% is better than someone who scored a 5%. Whenever I ask programming questions during an interview, the goal is not to determine if a candidate is a good programmer or an incredible programmer. The goal is to determine if the programmer is a terrible programmer or not-terrible programmer.


Visual Event 2

,

Nice bookmarklet got updated recently:
http://www.sprymedia.co.uk/article/Visual+Event+2

Handy online javascript code analyzer

, ,

http://jsmeter.info

Gives you stats like cyclomatic complexity, number of lines and statements per function, and comments percentage (and a dozen of other weird numbers, which are briefly exlained in external help file).

Also, it looks ugly like hell. But that should not scare you away wink

Visual Event - awesome bookmarklet for event debugging

, ,

http://www.sprymedia.co.uk/article/Visual+Event

Visual Event by Allan Jardine is quite old (created: 25-8-2007, last_updated in 2010), but relatively unknown gem. What is does is quite simple and genial: it shows elements, that have active event listeners attached to them.

Example - google.com:


It runs just like a usual bookmarklet, you add loader to bookmarks, or paste in address bar, and it fetches and runs the main script on your current page:
javascript:(function(){if(typeof%20VisualEvent!='undefined'){if(document.getElementById('Event_display')){VisualEvent.fnClose();}else{VisualEvent.fnInit();}}else{var%20n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src','http://www.sprymedia.co.uk/design/event/media/js/event-loader.js');document.body.appendChild(n);}})();;


p.s: this is definitely something that Dragonfly should borrow spock

Lead Firebug developer joins Google

, , , ...

http://functionsource.com/post/john-j-barton-and-the-future-of-firebug

Now all of the browsers have (or will soon have) their own debuggers. Basing next gen work on Firebug is not practical. The pace of change in browsers is too fast for our team size. Firebug hasn’t really been able to keep up with Firefox, let alone compete with other tools. Moreover, the shift from desktop to mobile and from one high-tech browser (Firefox) to three or more requires additional development effort. I think our current drive to re-architect Firebug is on the right track, but I could not obtain another year of support from IBM to contribute to that work.



Things don't look good for Firefox, with a lot of key visionaries leaving Mozilla over the last 6 months ... Yet, from the other point - WebKit might [already] be "a new Gecko", with fanboys, google, "hackers" and 3rd party devs (like Adobe) pumping out tonnes of code for it.

YSlow for mobile (and opera, and ie)

,

Yahoo have released cross-browser version of YSlow, made as javascript bookmarklet, which can thus run on modern phones, opera and ie:
javascript:(function(y,p,o){p=y.body.appendChild(y.createElement('iframe'));p.id='YSLOW-bookmarklet';p.style.cssText='display:none';o=p.contentWindow.document;o.open().write('<head><body onload="YUI_config={win:window.parent,doc:window.parent.document};var d=document;d.getElementsByTagName(\'head\')[0].appendChild(d.createElement(\'script\')).src=\'http://d.yimg.com/jc/yslow-bookmarklet.js\'">');o.close()}(document))
* you might not know - there is NO need to "install" this bookmarklet, to run it. Simply pasting code to url bar will execute it.

Press-release:
http://developer.yahoo.com/blogs/ydn/posts/2011/06/yslowmobile/

Homepage:
http://developer.yahoo.com/yslow/mobile/

Flash cookie online management tool from Adobe

, , ,

There you can see a list of sites that left LSO 'super-cookies' for your active user, and delete them:
http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager07.html
May 2013
M T W T F S S
April 2013June 2013
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31