VS2013 Browser Link導致網頁onbeforeunload在Firefox失效

在開發機測試專案網頁,Firefox測試不正常,IE/Chrome則沒問題。同事使用相同版本Firefox於其本機測試,並無異常,讓我感到萬分沮喪,甚至開始懷疑人生...

歷經一番追蹤比對找到凶手,是VS2013 Browser Link惹的禍! 將問題重現案例簡化如下:

@{
    Layout = null;
}
 
<!DOCTYPE html>
 
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <div>
        Last Leave Time = <span id="sLvTime"></span>
    </div>
    <script src="~/Scripts/jquery-1.8.2.min.js"></script>
    <script>
        $(function () {
            window.onbeforeunload = function () {
                localStorage.lvtime = "TIME:" + new Date().getTime();
            }
            $("#sLvTime").text(localStorage.lvtime);
        });
    </script>
</body>
</html>

在window.onbeforeunload事件中將目前時間存入localStorage,每次載入網頁時顯示上次所儲存的時間字串,反覆重新整理網頁應可看到數字不斷改變。啟用VS2013 Browser Link後,網頁在Firefox下數字不變,在IE/Chrome下則正常;關閉Browser Link後,IE/Chrome/Firefox盡皆正常。

開啟FireBug,可看到啟動BrowserLink時,網頁加掛的BrowserLink Script(下圖黃底處)會置換window.onbeforeunload事件內容。

同樣的狀況並不會發生於IE及Chrome:

外掛事件影響原有網頁功能,且僅發生於特定瀏覽器,研判為Bug。二話不說,回報到Connect~

歡迎推文分享:
Published 11 February 2014 09:07 PM 由 Jeffrey
Filed under:
Views: 7,796



意見

# player said on 11 February, 2014 08:21 AM

你的問題與我之前遇到的一樣嗎?

在ASP.NET MVC5 瀏覽器會一直跳 arterySignalR 相關錯誤

在 Web.config 裡的  <appSettings> 區段內,加上 <add key="vs:EnableBrowserLink" value="false" /> 就可以關掉相關錯誤了

參照:Browser Link feature in Visual Studio Preview 2013

blogs.msdn.com/.../browser-link-feature-in-visual-studio-preview-2013.aspx

的4. How do I turn off Browser Link?

# Jeffrey said on 11 February, 2014 07:20 PM

to player, 謝謝回饋。我蠻愛用BrowserLink的css即時更新功能(css一存檔,瀏覽器不需重載網頁就會套用),不致因此要全面停用BrowserLink。確認不是網頁壞掉,測試Firefox時記得取消"Enable Browser Link"就好囉。

你的看法呢?

(必要的) 
(必要的) 
(選擇性的)
(必要的) 
(提醒: 因快取機制,您的留言幾分鐘後才會顯示在網站,請耐心稍候)

5 + 3 =

搜尋

Go

<February 2014>
SunMonTueWedThuFriSat
2627282930311
2345678
9101112131415
16171819202122
2324252627281
2345678
 
RSS
創用 CC 授權條款
【廣告】
twMVC
最新回應

Tags 分類檢視
關於作者

一個醉心技術又酷愛分享的Coding魔人,十年的IT職場生涯,寫過系統、管過專案, 也帶過團隊,最後還是無怨無悔地選擇了技術鑽研這條路,近年來則以做一個"有為的中年人"自許。

文章典藏
其他功能

這個部落格


Syndication