Tuesday, October 24, 2017

Dev Tips: DevTools: Edit production websites with the new Network Overrides feature ๐Ÿ†•

Dev Tips

 

DevTools:  Edit production websites with Network Overrides

Use the experimental Network Overrides feature in Canary to map remote network resources to local filesystem resources.

This powerful workflow enables you to quickly prototype changes on production websites. To try this feature out:

  1. Enable the Override requests with workspace project experiment in DevTools experiments.
  2. Reload DevTools.
  3. Open up the Overrides tab from the Sources Panel.
  4. Select Setup overrides and configure a folder where your overridden resources will live on the filesystem.
  5. In the Network Panel, right click on a resource you wish to override and select Save for overrides.
  6. DevTools creates a local resource which you can edit. Reloads to the webpage now serve your local asset rather than a remote resource.

If you have any troubles viewing this animated gif, check out: umaar.com/dev-tips/162-network-overrides
Manifold (Sponsor)
Tweet
Share
+1
Email Marketing Powered by MailChimp

Copyright © 2017 Umar, All rights reserved.
You are receiving this email because you signed up for Dev Tips.

unsubscribe from this list    update subscription preferences 

No comments:

Post a Comment