---
title: Building and testing a Safari web extension
framework: safariservices
role: sampleCode
role_heading: Sample Code
path: sample-code/safariservices/building-and-testing-a-safari-web-extension
---

# Building and testing a Safari web extension

Get started with Safari web extensions by creating one from the ground up, using any code editor.

## Overview

Overview note: This sample code project is associated with WWDC26 session 216: Create web extensions for Safari. Configure the sample code project without Xcode In Safari, choose Safari > Settings. Click the Advanced tab and select the “Show features for web developers” checkbox. Click the Developer tab. Click the Add Temporary Extension button. Browse to the sample code project’s Resources folder and click Select. Configure the sample code project with Xcode Perform steps 1–3 from “Configure the sample code project without Xcode” above. Select the “Allow unsigned extensions” checkbox. In Xcode, select the Shiny OnTrack target. Click the Signing & Capabilities tab. For the Signing Certificate option, choose Sign to Run Locally. (Leave Team set to None.) Select the Shiny OnTrack Extension target, and repeat steps 4 and 5.

## See Also

### New extensions

- [Creating a Safari web extension](safariservices/creating-a-safari-web-extension.md)
- [Modernizing Safari Web Extensions](safariservices/modernizing-safari-web-extensions.md)
- [Developing a Safari Web Extension](safariservices/developing-a-safari-web-extension.md)