Surfy Browser
Enhance your website and debugging experience
Here is your hub for working with Surfy. Learn how to interact with Surfy Agent, explore the features of the Surfy App and its developer mode, and use our REST API for search queries, image searches, and more. Build smarter solutions and enhance user experiences with Surfy.
Full Screen
To make your website full screen, add the following to your <meta> tag:
<meta name="viewport" content="viewport-fit=cover" />
If you need just a safe padding at the top and bottom of the page, remove viewport-fit=cover from the tag.
Developer Mode
To activate code inspector, include this <meta> tag in your page:
<meta name="surfy" content="dev" />
Reload your website, and it will be inspectable using Safari's developer tools.
Theme Color
To change the theme color of your website, add the following <meta> tag:
<meta name="theme-color" content="#ff0000" />
Replace #ff0000
with the desired color code to match your design.