Links

Sygnal DevProxy

This tool is designed to make it easy to swap out scripts and CSS to alternate DEV-mode versions and view your live site with those scripts in place.
It's most useful in situations where you have a production site, using CDN-delivered scripts, and you need to switch them out for dev or testing.

Features

  • Support for multiple DEV / TEST configurations
  • Uses the subdomain as the prefix, e.g. test.mydomain.com would apply the test prefix
  • Automatically overrides src and href attributes on any element with the CONFIG-src or CONFIG-href equivalent
  • Uses the subdomain as the CONFIG prefix, e.g. test.mydomain.com would apply the test prefix and override src with the value of test-src.
The subdomain acts as the prefix.

Multiple Entry Points

e.g. https://dev.mysite.com
Or for specific needs, can switch mode via Chrome Ext.
Document Chrome Extension.

Page Info

In HTML comments;
<!DOCTYPE html>
<!-- Origin: https://mysite.webflow.io/blog/best-non-wearable-sleep-tracker -->
<!-- Last Published: Sat Jan 06 2024 03:09:21 GMT+0000 (Coordinated Universal Time) -->
<!-- Age: 0 days, 0 hours, 36 minutes, 6 seconds -->

Future

  • Expose Page Info as JSON, display and manage in Chrome Ext
  • DEV / TEST modality to internal scripts
    • Via <html> hf-mode=

Config

DNS

CNAME dev proxy.webflow.com Proxied

KV / DEVPROXY

In the KV store you configure the underlying content origin for each of your devproxy sites individually. Typically, this will be your webflow.io site;
e.g. dev.mysite.com -> mysite.webflow.io
If not found, it defaults to the www subdomain on the same site;
e.g. dev.mysite.com -> www.mysite.com
Route
Worker
Notes
webflow-dev-proxy
Will replace all dev-src and dev-href attributes.
Automatic Norobots on this Route
Route
Worker
Last modified 1mo ago