Visual Studio Browser Link + Chrome Developer Tools

Question

My Visual Studio 2013 application uses LESS, which is associated with using BundleTransformer ( http://bundletransformer.codeplex.com ). Smaller files are imported throughout the application into one application. This app.less file is then inserted.

// Bundles
using BundleTransformer.Less;
...
var cssBundle = new Bundle("~/bundles/less");
cssBundle.Include("~/content/less/app.less");

With this method, Chrome (and every other browser) sees only the final application. When I open the Chrome Developer tools and change the CSS on the fly, Browser Link automatically saves the changes back to app.less. The original app.less, which looked something like this: now the entire compiled version is loaded by the browser.

// app.less
@import "bootstrap/bootstrap.less";
@import "app/common/layout/header.less";
@import "app/common/layout/footer.less";

1) Browser Link? " F12 ", . LESS, Javascript Chrome .

2) ( ), BundleTransformer / (Chrome) ( ) app.less?

Web Essentials 2013 (1.8.5), LESS VS.

Chrome . https://developers.google.com/chrome-developer-tools/docs/settings#workspace

Answer 1

VS BrowserLink

  <appSettings>
   <add key="vs:EnableBrowserLink" value="false"/>
</appSettings>