重新加载 JavaScript/CSS 资源而无需重新加载 HTML

重新加载 JavaScript/CSS 资源而无需重新加载 HTML

我是一名 Web 开发人员,经常刷新页面以查看我对 css 和 JavaScript 的更改会产生什么效果。在加载时间较长的页面上(即:2 - 5 秒),这很麻烦。我想知道我是否可以在不重新加载 HTML 的情况下刷新 JavaScript 和 CSS 资源。

我想知道 Google Chrome 或其他浏览器中是否有东西可以让我重新加载缓存而无需重新加载页面?

答案1

live-server将对 CSS 更改执行此操作,但不会对 JavaScript 执行此操作。

当您对任何文件进行更改时,浏览器将重新加载页面 - 除非它是 CSS 文件,在这种情况下更改将在无需重新加载的情况下应用。

对于那些不想使用“重型” IDE 的人来说,它很适用。

答案2

有些产品不能完全满足您的要求,但非常接近。有些产品只允许您在 CSS 中实时查看更改,等等。

http://livereload.com/

其他产品可以让你实现你想要的效果,但不能完全按照你想要的方式实现...本质上,这是一个包含“实时编辑”的环境。但我不太确定是否仍然会影响性能/时间?

https://www.jetbrains.com/webstorm/help/live-editing-of-html-css-and-javascript.html

我想,在您找到最适合您的东西之前,这只是一个时间和研究的问题,您准备好做研究了吗?

相关内容