javascript - 页面加载时浏览器链接 JS 错误

Question

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

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

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

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

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

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

Answer 1

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

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

或者，如果您只想让浏览器链接不碍事，您可以通过在标准工具栏上的浏览器链接菜单中取消选中“启用浏览器链接”来禁用它。

Answer 2

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

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