Categories
Browsers

Investigate JavaScript Execution Times Using Edge Dev Tools

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

Categories
Browsers

Disable Swipe Navigation in Chrome and Edge (Chromium Edition)

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

Categories
Analytics Browsers

The Best Browser Extensions for Analytics and Tag Debugging

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
Browsers

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
Browsers

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
Browsers

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

Categories
Automation Browsers

Multiple Browser Testing With Selenium SuperDriver

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

Categories
Browsers Programming

JavaScript Console Table Logging Pollyfill

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
Browsers

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
Browsers

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