The ability to quickly find or navigate to specific files, methods or line numbers in an web app can be important in your day to day workflow in the Chrome DevTools. Today we've got some useful tips to help with these when working in the Sources panel.
To search scripts, stylesheets and snippets by filename you can use:
* Ctrl + O (Windows)
* Cmd + O (Mac OSX)
To perform a text search within the current file you can use:
* Ctrl + F (Windows)
* Cmd + F (Mac OSX)
To do a text search across all files you can use:
* Ctrl + Shift + F (Windows)
* Cmd + Opt + F (Max OSX)
* Ctrl + Shift + O (Windows)
* Cmd + Shift + O (Mac OSX)
The tools also support going to a specific line-number within the Sources editor. To launch the line number dialog when viewing a file you can use:
* Ctrl + L (Windows)
* CMD + L (Mac OSX)
Some extra notes:
* Cmd/Ctrl + F works across tabs other than Sources such as Resources or Network. If you check the 'filter' option when searching, this will filter down the list of results to only those containing the terms you were looking for.
* You can also switch between tabs using Cmd + [ and Cmd + ]
* If you are editing a script and select some code, you can evaluate it in the console right away using Ctrl + Shift + e
A functional performance use of Real User Monitoring.
Pre-overoptimization is the root of all web development evil...well, it's a part of its larger root structure anyway....
So, in order to start optimizing, you need to know the appropriate place to focus your work. Otherwise, you may be optimizing something that has no bearing on overall real-user performance issues. You likely use various tools, maybe something like WebPagetest, to test your work, get results, and base the quality of your work on those results and call it a day. Although, as mentioned in this article at SteveSouders.com ( http://www.stevesouders.com/blog/2012/11/14/comparing-rum-synthetic-page-load-times/ ), they found those synthetic measurement numbers are typically 2x faster than RUM times. The SteveSouders' page profiles a test that shows RUM times to 3x slower.
There are scant dev details in this posts referenced article, but I thought it provided a simple, quick, and worthwhile overview that shows a different aspect of performance tuning, as RUM is focus on real users' experience. It's good insight for a web performance audit, aside from strictly closed-review of development, coding, and environment. RUM offers some help on where to focus work on those aspects, which can allow for more efficient optimization.
Posted as a general consideration of a good point for those that may not be familiar with the RUM concept. And those that are a little too comfortable using the same optimal testing settings, and only looking at those optimal test results as quality of web performance.
- TalkTalk TVSenior Development Engineer, present(TalkTalk recently acquired blinkbox movies)
Combine png / jpg into pdf on windows from the command line for free.
There seems to be a hell of a lot of utilities to combine images (png's, jpgs etc) to form pdfs. But as a savvy user you've probably formed
Get Your Dev On: 5 Offline Text Editor Apps for Chrome
Workflows and environments change, but a developer always needs an editor. We've rounded up 5 offline-capable editors that might just be you
Microsoft download from The Garage: Mouse without Borders - Next at Micr...
I've mentioned The Garage a number of times here on Next and Jay Greene also wrote a story recently about some Garage projects recently
Dan Perrin's Blog : Ragged Hierarchy RollUp: Using a Common Table Expres...
Problem: I've got a ragged hierarchy and all I want to do is to sum up data values held against the leaf members up to any of the ancestors