5

使用Visual Studio 2013 RTM和Web Essentials在頁面加載時,Chrome中出現以下JavaScript錯誤。頁面加載時出現Browser Link JS錯誤

Uncaught Error: Syntax error, unrecognized expression: div.main/PhoneIcon.png

我最好的猜測是它指的是接近我的頁面頂部的下面一行html。

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

我也無法使用瀏覽器鏈接編輯/修改HTML/CSS。

什麼我需要做修復瀏覽器鏈接?

+1

你的類名無效:http://stackoverflow.com/questions/448981/what-c​​haracters-are-valid-in-css-class-selectors –

+1

這隻適用於CSS選擇器。所以我爲這個類名寫的任何選擇器都需要被轉義,但實際的html不需要被轉義。 http://stackoverflow.com/a/6732899/2344026 –

回答

12

瀏覽器鏈接嘗試創建一個jQuery選擇,將唯一識別這個標籤,但它沒有正確處理意外的類名。

您可以解決此通過添加一個ID標籤。 Browser Link寧願使用一個ID,因爲它更可能是唯一的。如果標籤上有唯一的ID,它將忽略類名。

或者,如果你只是想瀏覽器鏈接出去的方式,你可以通過取消在標準工具欄上的瀏覽器鏈接菜單中的「打開瀏覽器鏈接」將其禁用。

+0

我在哪裏可以找到禁用瀏覽器鏈接的選項?我的VS中沒有瀏覽器鏈接菜單。 – magnattic

+0

在VS的某些更新版本中,菜單將隱藏,直到您打開Web項目。 –

4

這是Visual Studio的本身裏面Microsoft.VisualStudio.Web.PageInspector.Runtime.MappingData.MappingDataUtilities.GenerateSelectorsFromCssClasses()的錯誤。它不能避免不尋常的類名。

這有什麼好做的Web要點;這是BrowserLink核心中的一個錯誤。