浏览器仅同步主页上的CSS更改-MVC项目
因此,我发现VSCode扩展liveserver在更新HTML和CSS文件时非常酷/有用。我尝试了几件事,包括在我的Chrome浏览器中下载并安装Live Server Extension,代理服务器,监听CSS文件的更改。每次我更新CSS文件之后,它都会完全刷新页面,而不是注入CSS代码。因此,我寻找了另一种解决方案,并得出以下结论: 看起来非常有用,所以我继续按照步骤通过npm安装浏览器同步。安装后,我转到我的项目文件夹,并在我的PowerShell中运行以下程序:浏览器仅同步主页上的CSS更改-MVC项目,css,google-chrome,browser-sync,Css,Google Chrome,Browser Sync,因此,我发现VSCode扩展liveserver在更新HTML和CSS文件时非常酷/有用。我尝试了几件事,包括在我的Chrome浏览器中下载并安装Live Server Extension,代理服务器,监听CSS文件的更改。每次我更新CSS文件之后,它都会完全刷新页面,而不是注入CSS代码。因此,我寻找了另一种解决方案,并得出以下结论: 看起来非常有用,所以我继续按照步骤通过npm安装浏览器同步。安装后,我转到我的项目文件夹,并在我的PowerShell中运行以下程序: browser-syn
browser-sync start --browser "Chrome" --proxy="http://localhost:59810/" --files '**/*.js,Content/*.css,**/*.jsx'
是的,我采取措施确保我的web项目不会启动页面本身,而是侦听请求:
事情是这样的。在玩了一会儿之后,我注意到除了主页(index.cshtml)之外,没有任何更改会自动更新,特别是在CSS中,而不进行页面刷新
我在想原因。以前有人遇到过这个问题吗?有故障排除步骤吗?我注意到,在运行DevTools时,Chrome浏览器中的样式表甚至会更新,但页面本身并没有改变:
还有其他建议吗?值得一提的是,这里是我的PowerShell会话的屏幕截图(我注意到预期的URL没有填充):