Tutorial: a working Safari Extension

[Calprainn]

After 10 years people are asking here for a SteamDB Safari Extension. Now I found a working solution.

First of all: you need to install Xcode from the macOS App Store. Open it and accept the license.

Open Safari > Settings, click Advanced, then select “Show features for web developers.”. Click on Developer at the top, check "Extension: Allow Unsigned Extentions".

Go to: http://crxextractor.com, click on "Let's Start" and paste the SteamDB chrome web store url https://chrome.google.com/webstore/detail/steamdb/kdbmhfkmnlmbkgbabkdealhhbfhlmmon to download the CRX file.

After that, upload the downloaded CRX file so that you get a ZIP file in your Downloads folder.

Rename the ZIP file to SteamDB.zip and unzip it.

Open a Terminal window.

Type in: sudo xcode-select -s /Applications/Xcode.app, press Enter and enter your password.

Next type in: xcrun /Applications/Xcode.app/Contents/Developer/usr/bin/safari-web-extension-converter following by the location of your unzipped SteamDB folder, e.g.: xcrun /Applications/Xcode.app/Contents/Developer/usr/bin/safari-web-extension-converter /Users/YOURUSERNAME/Downloads/SteamDB

Now Xcode opens. Click on "SteamDB (iOS)" in the top middle bar and select "SteamDB (macOS)". Click the "Play" button at the top and Xcode will create the extension.

When Xcode is done, a window will appear saying "Exit and open Safari Preferences..." (click on it).

Now activate the SteamDB extension and click on Settings to customize your settings.

Done. 🥳

---

A minor downside to this workaround is that the extension you create won't sync via iCloud, so you'll have to recreate it on your other macOS devices if you have others.

Disclaimer: to get this working I followed this great tutorial: How to get Google Chrome Extensions in Safari. With this tutorial you can get any chrome extension working in safari.

PS: I hope @xPaw will keep this tutorial alive. ;)