Inject Generic Floating Toolbar into any Website using Playwright

Lucas Jellema
JavaScript in Plain English
8 min readDec 28, 2020

--

The objective I am pursuing is the following: I want to be able to open any web site or web application and have my own floating toolbar on top of the web site’s content. As I am making my way through the site or application, I can use functions from the toolbar — such as taking a snapshot of the current page state and saving it to file, downloading all images in the current page, fill in the form fields using predefined or random values and start a demo.

--

--

Lucas Jellema is CTO and IT architect at Conclusion, The Netherlands. He is Oracle ACE Director, one time JavaOne Rockstar and programmer