DisplayWindowSize Bookmarklet

Chrome used to show the size of the innerWindow as it was being resized when the Developer Tools were open. I personally relied on this feature all the time. With the current update to Chrome 49, this feature is now gone. This is a bookmarklet to give you this functionality back.

Installation

Chrome (Mac)

1. Copy the code from the js file.
2. Right-click on the Bookmark Bar and click Add Page.
3. Name the bookmark 'DsiplayWindowSize'.
4. Paste js code into the URL field.
5. Click Save.

Firefox (Mac)

1. Copy the code from the js file.
2. Right-click on the Bookmark Bar and click New Bookmark.
3. Name the bookmark 'DsiplayWindowSize'.
4. Paste js code into the Location field.
5. Click Add.

Safari (Mac)

1. Copy the code from the js file.
2. If Favorites Bar is not visible, go to View > Show Favorites Bar.
3. Then go to Bookmarks > Add Bookmark.
4. Select Favorites from the 'Add this page to' drop down.
5. Name the bookmark 'DsiplayWindowSize'.
6. Right-click on the new bookmark and click Edit Address.
7. Paste js code into the field.
8. Click Done.

Usage

While on the page in question, click the Bookmarklet. The current window size will appear at the top-right for a few seconds, then fade out. As you resize the browser, it will re-appear, displaying the currently changing size, then fade out again. This functionality will remain until the page is refreshed.