页面加载时的Browser Link JS错误

时间:2013-11-01 17:55:58

标签: javascript html visual-studio-2013 web-essentials browser-link

使用Visual Studio 2013 RTM和Web Essentials我在页面加载时在Chrome中收到以下JavaScript错误。

  

未捕获错误:语法错误,无法识别的表达式:div.main / PhoneIcon.png

我最好的猜测是它指的是我页面顶部附近的以下html行。

<div class="main/PhoneIcon.png sprite"></div>

我也无法使用浏览器链接编辑/修改HTML / CSS。

我需要做些什么来修复浏览器链接?

2 个答案:

答案 0 :(得分:12)

Browser Link试图创建一个唯一标识此标记的jQuery选择器,但它没有正确处理意外的类名。

您可以通过向标记添加ID来解决此问题。浏览器链接宁愿使用ID,因为它更可能是唯一的。如果标签上有唯一的ID,它将忽略类名。

或者,如果您只是希望浏览器链接不受影响,可以通过取消选中“标准”工具栏上“浏览器链接”菜单中的“启用浏览器链接”来禁用它。

答案 1 :(得分:4)

这是Visual Studio内部Microsoft.VisualStudio.Web.PageInspector.Runtime.MappingData.MappingDataUtilities.GenerateSelectorsFromCssClasses()中的错误。它不会逃脱不寻常的类名。

这与Web Essentials无关;这是BrowserLink核心中的一个错误。