Skip to main content

How to use StackBlitz with Firefox

StackBlitz is a great tool for rapidly prototyping web applications. In recent weeks, I has been my go-to tool for testing out new web technologies (CodeSandbox’s loss). However, when you try to use StackBlitz with Firefox, the preview window gives the following error message:

Error message reads: Enable Third-Party Cookies. Looks like your browser is blocking our Service Worker. To see this web page, please allow third-party cookies for this site.

Enable Third-Party Cookies Looks like your browser is blocking our Service Worker. To see this web page, please allow third-party cookies for this site.

If you follow the link, it leads you to a guide for enabling the feature for Chrome – a great addition to the error message but not helpful for Firefox users.

To enable the StackBlitz preview pane in Firefox, select the shield icon in the URL bar and turn “Enhanced tracking protections” off for this site:

Once that setting is disabled, Firefox will prompt you to reload the page. Once you do that, you should see the shield icon with a line through it to indicate that Firefox is providing no additional protections:

But more excitingly, the preview pane is now working! With that setting configured, you should not be able to use StackBlitz’s features in Firefox.

Happy blitzing!



About the author

Sean McPherson is a software engineer for Khan Academy who specializes in web and mobile app development. He lives with his wife, sons, and dog in Pittsburgh, PA.