This is a quick exploration of how to use Edge Dev Tools to investigate JavaScript execution time issues. We’ll quickly run a performance profile and identify what part of the JavaScript is the “most responsible” for any performance issues. The idea is to show just the quickest way to find the source of an issue, […]
Category: Browsers
There’s a feature in Google Chrome and the new Chromium version of Microsoft Edge that navigates back or forward through your browser history when you swipe. It navigates on touch interactions, and also on track-pad interaction. If you use some web-based tools that feature horizontal scrolling (such as online Kanban boards) – this becomes infuriating. […]
Recently, I wrote about debugging Adobe Analytics, which uses the most widely-available tools that we all have; browser developer tools. It is possible to debug and test a whole host of analytics and tag manager scenarios using the Console and Network tabs of browsers tools if you are willing to scry the query parameters of […]
Categories
Chromium-Based Edge: The First Month
Full disclosure. I’m about to discuss Microsoft browsers and I’m a Microsoft MVP. More importantly, I’ve been using web browsers since before either Firefox or Chrome existed, and for ten years I haven’t used a Microsoft browser as my default. So, read on and let’s talk about browsers! Browser History If I go back a […]
Categories
Full Page Screenshot in Firefox
If you are pasting multiple screenshots of a web page into a single view, you should stop that and use the Firefox “Full Page Screenshot” feature. You can enable it in the developer tools, which are available behind the F12 button: This adds a camera icon to the developer tools: And when you press it, […]
Categories
Quick Proxy Settings Switcher
I switch my browser proxy settings all the time. I’m always capturing traffic in JMeter or intercepting using Burp Suite or using some other tool that requires an adjustment, so I’m in my browser settings tweaking it back and forward constantly. Proxy Selector allows you to store a number of different proxy configurations and switch […]
If you have undertaken any amount of testing with Selenium WebDriver you will have come across the desire to run your suite of tests against multiple browsers simultaneously. To make this easier in .NET projects, I have started up a project called “Selenium Super Driver“, which is a drop-in replacement for an IWebDriver. Using the […]
There is a rather neat addition to the console in Chrome that lets you log an array of objects using the new console.table method. You can simply pass some data, or you can pass a list of columns you are interested in – like this: var items = [ { name: ‘Martin’, occupation: ‘Street Fighter’ […]
Categories
Firefox Responsive Mode
This is yet another article in praise of a Firefox developer tools feature. Last week I was getting excited about the 3D mode, but today I’m equally uncontrollable over the responsive mode. Once again, if you don’t have the little icon on the right hand side of the developer tools header, you can hit the […]
Categories
Firefox 3D Mode
If you haven’t checked out the native Firefox Developer Tools in a while, it is time to take another look – even if you are an avid Firebug fan. The native tools are nothing short of brilliant. The feature I’m going to highlight briefly is the 3D view. Once you get over the childish excitement […]