Let’s say that I have a website on a remote server, full of data (one example could be product lists with details, prices, discount, etc.) and I have some layout bugs that should be solved in CSS.
This is a situation hard to solve in a local environment because very often our layouts strongly depends by data that are, quite always, only in a remote DB and not easily reproducible locally.
In this scenario, generally I made locally css (better, LESS or SASS) edits, generate new final css, open the file, and then copy&paste this new code onto remote css file using Developer Tool (Style pane) to test my fixes.
It’s effective but quite uncomfortable.
My idea should be the possibility to “switch” via Developer Tool, which css file should be used to render the page, from remote one to local one. Please, imagine how comfortable could be update local file and instantly see fixes online without any page reload, copy&paste.
What do you think about this idea?