Bookmarklets are one-click tools that can be saved as regular bookmarks but, at the same time, execute JavaScript codes to perform some tasks. While learning JavaScript, I discovered that I can create useful mini-tools through bookmarklets and I'm sharing them here.
- Go to boomkark manager by typing in URL
chrome://bookmarks/
- Right click and select Add new bookmark
- Use below title as bookmark name e.g. WLA Links Checker bookmarklet
- Copy and paste the code below and paste in the URL portion of the bookmark
- Save the bookmark
- Go to the desired page for audit. For example,
https://www.wikipedia.org
- Click the bookmarklet and see results on a separate tab.
Here are some of the JavaScript codes that I've created.
- WLA Links Checker - Lists down all links in page and displays their link text, attributes and HTTP status only for internal links
- WLA Image Checker - Lists down all images in page and displays images path with corresponding image, width and height dimensions of images and image attributes
- WLA Basic Page Info Checker - Displays basic page information like H1 to H6, Meta tags and HTTP Response Header (without needing to use Chrome's developer tool for this)
- WLA Tealium Checker Checker - Displays relevant Tealium object value-pairs in user-friendly format for purpose of auditing page load Tealium values
- WLA CSS Selector Web Scraper - Performs simple web scraping from page using CSS selectors
- WLA XPath Web Scraper - Performs simple web scraping from page using XPath
- WLA Cookie Extractor - Extracts first-party cookie from the page
- WLA HTTP Resource Extractor - Captures HTTP Resource network calls upon loading the page
- WLA CSS Selector Tool - Displays the CSS Selector of an HTML Element from the page
- WLA CSS Selector ver 2 Tool - Displays the CSS Selector of an HTML Element from the page
- WLA Broken Links Checker - Lists down all links in page and displays their link text and attributes. In addition, it also displays HTTP status only for internal links at the end of the table.
- WLA Object to JSON scraper - To list down the properties of user-selected object with the option for user to download as JSON file
One advantage of table in a page is that when one copies and paste them to pages, they are instantaneously converted to appropriate cells in Excel (or spreadsheet table). One can then select all (via ctrl-A), copy and paste from some output of these bookmarklets to Excel as shown in screenshots below.
Image of copied page
Image of pasted table in Excel
If you like the tool, please spread the news and tell others of this link. As an open-source tool (see license), there is no warranty for this.