I recently just made a very, very big change to my new tab page! Up until recently, only the Google search engine was supported. But now, it supports 11 search engines and a miraculous number of search tools—44! This totals 66 search options in total!

In order to handle these many searching options, each option in the dropdown menu contains a data-url attribute that is then taken by the getSearchURL() function to generate the URL for the search query. And, every tool has a data-category attribute set to “tool” so the code knows that it should never just send the user to the site they entered, if they did enter a site (that wouldn’t work for things like reverse DNS, WHOIS, or certain VirusTotal and other searches).

Also, two minor bugs were fixed. The first one was that queries containing slashes, like math equations, would be misinterpreted by the code to be an IP Address. For example, trying to search “24/8” would have taken you to somewhere like https://0.0.0.24.The second bug was that on certain resolutions generally consistent with mobile devices, the div-search div would create a scroll bar for the user due to its length. In order to fix this, I set the flex-direction to column and wrapped the dropdown menu and input into a div so they would be on the same horizontal line, while the search button would be below.