如何为托管域编写本地CSS更改?

  • 本文关键字:CSS 更改 css
  • 更新时间 :
  • 英文 :


您建议使用什么工具/编辑器(实时)测试您的本地CSS更改,以针对外部托管的站点?

站点位于域中。测试(没有服务器访问),我需要编写大量的CSS重写来重新设计整个站点。

理想的设置是使用我的常规代码编辑器(Visual Studio code),并在浏览器中打开网站,并在我将CSS更改保存在本地目录时自动刷新CSS。

这是一个很大的网站,所以我愿意设置一个复杂的设置,而不是依赖于使用浏览器检查模式测试编辑或使用Firefox安装CSS文件。

::我可以注入JS脚本/库到网站,如果它有助于我的设置。

奖励:如果我也能在香草JS中做到这一点。

我会这样做与ModHeader和scriptautorrunner (chrome扩展)。

  1. 使用ModHeader将站点的CSS和JS替换为使用"重定向url"的本地文件。函数。(必要时使用scriptautorrunner注入JS)。
  2. 在其中一个JS文件中创建一个规则,每2秒通过ajax(任何其他方式)下载你的本地文件,并检查是否有与上一个请求相等。如果文件已更改,则重新加载页面(以更新)。

我知道有一些工具可以实时显示CSS的变化,而不需要你重新加载,但我不使用它们,我提到的方法也可以让它们在JS更新时运行。