您建议使用什么工具/编辑器(实时)测试您的本地CSS更改,以针对外部托管的站点?
站点位于域中。测试(没有服务器访问),我需要编写大量的CSS重写来重新设计整个站点。
理想的设置是使用我的常规代码编辑器(Visual Studio code),并在浏览器中打开网站,并在我将CSS更改保存在本地目录时自动刷新CSS。
这是一个很大的网站,所以我愿意设置一个复杂的设置,而不是依赖于使用浏览器检查模式测试编辑或使用Firefox安装CSS文件。
::我可以注入JS脚本/库到网站,如果它有助于我的设置。
奖励:如果我也能在香草JS中做到这一点。
我会这样做与ModHeader和scriptautorrunner (chrome扩展)。
- 使用ModHeader将站点的CSS和JS替换为使用"重定向url"的本地文件。函数。(必要时使用scriptautorrunner注入JS)。
- 在其中一个JS文件中创建一个规则,每2秒通过ajax(任何其他方式)下载你的本地文件,并检查是否有与上一个请求相等。如果文件已更改,则重新加载页面(以更新)。
我知道有一些工具可以实时显示CSS的变化,而不需要你重新加载,但我不使用它们,我提到的方法也可以让它们在JS更新时运行。