Using Tampermonkey to fix HSBC online banking
Thursday, July 24th, 2014 | Tech
Recently, I wrote about some of the poor user experience encountered when using HSBC’s online banking.
Today, I am going to show you how to fix some of it. These instructions are for users of the Google Chrome web browser. If you use Mozilla Firefox, you can probably achieve a similar effect using Greesemonkey.
Tampermonkey is a browser add-on that allows you to run custom user scripts on existing websites. The first thing you will need to do is install it.
Once you have done that, the Tampermonkey icon will appear in your browser. Click this and when the menu appears select “Add a new script…”. Wait for the page to load, then copy and paste the following in:
// ==UserScript==
// @name HSBC online banking
// @namespace https://www.business.hsbc.co.uk/
// @version 0.1
// @description Improves HSBC's online banking
// @match https://www.business.hsbc.co.uk/*
// @copyright 2014
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==
$('#benSortCode').attr('size', '8');
$('#benAccountNumber').attr('size', '10');
This code will then be run every time you access a HSBC online banking page. So, as if by magic, when you try and create a new payee, the boxes will be big enough:
Recently, I wrote about some of the poor user experience encountered when using HSBC’s online banking.
Today, I am going to show you how to fix some of it. These instructions are for users of the Google Chrome web browser. If you use Mozilla Firefox, you can probably achieve a similar effect using Greesemonkey.
Tampermonkey is a browser add-on that allows you to run custom user scripts on existing websites. The first thing you will need to do is install it.
Once you have done that, the Tampermonkey icon will appear in your browser. Click this and when the menu appears select “Add a new script…”. Wait for the page to load, then copy and paste the following in:
// ==UserScript==
// @name HSBC online banking
// @namespace https://www.business.hsbc.co.uk/
// @version 0.1
// @description Improves HSBC's online banking
// @match https://www.business.hsbc.co.uk/*
// @copyright 2014
// @require http://code.jquery.com/jquery-latest.js
// ==/UserScript==
$('#benSortCode').attr('size', '8');
$('#benAccountNumber').attr('size', '10');
This code will then be run every time you access a HSBC online banking page. So, as if by magic, when you try and create a new payee, the boxes will be big enough: