如何(重新)在Visual Studio中启用实时CSS编辑?

时间:2017-10-11 15:17:10

标签: c# css asp.net google-chrome visual-studio-2017

在Visual Studio 2015中:

  1. 创建一个新的空C#ASP.NET Web应用程序(Framework 4.6)。
  2. 添加 protected override void OnMove(EventArgs e) { base.OnMove(e); Control highestParent = this; this.Hide(); //Finds the topmost control, its panel that holds all other controls while (!(highestParent is Workground)) { if(highestParent.Parent == null) { this.Show(); return; } highestParent = highestParent.Parent; } Bitmap bmp = new Bitmap(Width, Height); highestParent.DrawToBitmap(bmp, this.ClientRectangle); this.BackgroundImage = bmp; this.Show(); }

    WebForm1.aspx
  3. 添加<%@ Page Language="C#" %> <!DOCTYPE html> <html> <head> <title></title> <link href="mycss.css" type="text/css" rel="stylesheet" /> </head> <body> <div>Hello World</div> </body> </html>

    mycss.css
  4. 右键点击div { color: red; } ,然后选择“设为初始页”。

  5. 点击“运行”按钮,选择“谷歌浏览器”作为浏览器。
  6. 在Visual Studio中打开mycss.css并将WebForm1.aspx更改为red
  7. 请注意,当您输入blue 时,Chrome中的颜色会变为蓝色。无需在Visual Studio中保存,无需在Chrome中重新加载。这feature is awesome

    现在在Visual Studio 2017(15.3.5)中执行相同的操作。什么都没发生。我必须保存CSS文件重新加载浏览器页面以查看更改。

    如何恢复该功能?这是一些配置选项吗?还是故意弃用的功能?还是个bug?

1 个答案:

答案 0 :(得分:8)

您正在寻找的功能称为浏览器链接,它是Visual Studio的一部分。确保已启用该功能,并且已启用“启用CSS自动同步”功能。 See here for more info。此页面与.Net Core有关,但仍应与WebForms相关。

enter image description here