Browse by Tags

【茶包射手日記】使用IE Dev Tools追查Javascript效能問題

同事回報某個網頁出現" 在IE8下，使用jquery.blockUI遮蔽某個div後，<input type="text">輸入時，每打一個字都要等1-2秒字元才會顯示 "的問題。 開啟VM使用IE8可重現問題；而同樣網頁在IE9下則運作正常。針對此一IE下的JavaScript茶包，決定交由 JavaScript效能茶包一哥 --IE Dev Tools Profiler工具進行獵殺! 使用IE8開啟問題網頁，按下F12啟用IE Dev Tools...

Posted 18 January 2012 11:44 PM 由 Jeffrey | 1 comment(s)

Filed under: Trouble-Shooting, IE, jQuery

【茶包射手日記】JavaScript Date.getYear()傳回111

接獲使用者回報，某個透過JavaScript取日期的網頁在某些機器上產生的年份有誤，得到"111"的詭異結果! 追蹤程式，發現它是用new Date().getYear()方法取年，而不是大家慣用的getFullYear()。而我們也很幸運地在一台Windows 7 + IE9完成問題重現，getYear()得到111，getFullYear()得到2011: 有趣的是，此時找了另一台Win7 + IE9測試getYear()還真的傳回2011，順利地證實"有些IE9正常取得2011...

Posted 13 December 2011 06:11 PM 由 Jeffrey | 3 comment(s)

Filed under: Javascript, Trouble-Shooting, IE

【笨問題專欄】在IE9查看網站的安全性區域

在IE中，會將網站區分成: 網際網路(Internet)、近端內部網路(Local Intranet)、信任的網站(Trusted Sites)、限制的網站(Resticted Sites)四種 安全性區域 (還有"我的電腦"區域，但要透過IEAK設定，一般很少用)，讓使用者可以針對不同的區域設定不同的安全等級，例如: 在信任的網站才能執行無數位簽章的ActiveX元件、接收近端內部網路的第三方Cookie等等。同時還可指定某些站台屬於哪個區域，讓使用者能很彈性地在操作便利與安全防護間取得平衡...

Posted 28 October 2011 07:07 AM 由 Jeffrey | with no comments

Filed under: Tips, IE

使用P3P Header解決跨網域IFrame Session遺失問題

最近協助處理的問題，某個網頁使用IFrame內嵌了來自另一個網站的ASP.NET網頁，被內嵌的網頁有使用到Session，單獨開啟操作時一切正常；但被內嵌使用時，會出現Session無法儲存的問題。而有趣的是，另外單獨開啟Session網頁一次，再回頭使用被內嵌的版本，居然Session功能就正常了。 我用以下的網頁來模擬情境，httq://172.28.1.1/P3P/Main.aspx以IFrame內嵌了另一個網站httq://127.0.0.1/P3P/UserSession.aspx(其實都是同一台機器的同一個Web...

Posted 27 October 2011 11:25 PM 由 Jeffrey | 2 comment(s)

Filed under: ASP.NET, IE

【茶包射手日記】jQuery.validate 1.8在IE7相容模式無法運作

測試發現IE9切到IE7相容模式後，jquery.validate.js的驗證功能完全失效，不做任何檢核就送出表單。 追進原始碼，發現問題出在 jquery.validate.js (ver 1.8) 裡elements()函數的寫法: elements: function () { var validator = this , rulesCache = {};   // select all valid inputs inside the form (no submit or reset...

Posted 01 September 2011 01:22 PM 由 Jeffrey | 3 comment(s)

Filed under: Trouble-Shooting, IE, jQuery

【茶包射手日記】Native XMLHttpRequest

使用者回報某段使用XHR(XMLHttpRequest)的Script在他的IE8上執行出現錯誤。 追查發現，問題出在Script中使用了xhr.timeout，而系統回報不支援，求證發現timeout屬性是IE8主打的 XHR強化項目 ，而瀏覽器版本的確是IE8無誤。 進一步檢查，更大吃一驚! 程式碼中有段制式的跨瀏覽器XHR物件產生寫法，在遇到 IE6 某些 早該消失在地球上 的舊版瀏覽器時，可使用XMLHTTP ActiveX物件取代原生XHR: var xhr = (window.XMLHttpRequset...

Posted 26 August 2011 06:07 AM 由 Jeffrey | with no comments

Filed under: IE, AJAX

IE MaxConnectionsPerServer參數效果實測

最近在搞用Client Script模擬壓力測試的把戲，順道對IE的MaxConnectionsPerServer屬性做了實測。 IE6/7預設會限制從同一台網站伺服器下載檔案最多只能同時用2條連線，換句話說，若一個網頁上有12個不同的<img>圖檔來自同一台網站伺服器，IE6/7並不是一口氣發出12個HTTP GET Request取回圖檔，而是讓12個Request排隊輪流共用兩條連線下載檔案。IE8起，同時連線數的上限才被提高到6條。(事實上，針對HTTP 1.0或1.1、寬頻或撥接環境...

Posted 24 August 2011 10:44 PM 由 Jeffrey | 7 comment(s)

Filed under: ASP.NET, IE, AJAX

射CSS茶包的好幫手-IE9 Dev Tools

發現很多搞網頁(或被網頁搞)的同學還不知道IE Dev Tools射CSS茶包的妙用，在此分享我的使用經驗，簡單列出一些排除CSS問題及測試CSS效果的常用技巧。(IE Dev Tools從IE8起就 已內建 ，到IE9又有所增強，本文的操作以IE9為例) 使用IE8/IE9開啟網頁，再按下F12，即可啟動IE Developer Tools(開發者工具)，展開茶包獵殺行動。以下用幾個情境示範如何藉由IE Dev Tools追查及測試CSS規則套用情形: 【檢視特定網頁元素的CSS設定】 按下HTML頁籤的箭頭圖示...

Posted 04 August 2011 07:16 AM 由 Jeffrey | 2 comment(s)

Filed under: CSS, Trouble-Shooting, IE

showModalDialog與IE快顯封鎖

發現一段使用showModalDialog在onLoad事件自動帶出選擇器網頁的Javascript程式，在IE下被當成快顯(Pop-up)被封鎖。印象中還以為只有window.open會被封鎖，顯然不是，做了點功課，整理IE快顯封鎖程式(Pop-up Blocker)的封鎖原則備忘。 微軟 有篇文章 對快顯封鎖的詳細介紹，算是網頁開發人員角度的技術說明。原則上，快顯封鎖主要會封鎖" 由程式觸發而非使用者點擊觸發的開啟新視窗行為 "，範圍包含: window . open window...

Posted 12 July 2011 07:58 AM 由 Jeffrey | with no comments

Filed under: Javascript, IE

Microsoft Expression Web 4 SuperPreview筆記

在 MIX11 Scott Hanselman的 展示 裡看到沒玩過的工具— Microsoft Expression Web 4 SuperPreview ，於是試玩了一下。 SuperPreview最主要功能是供設計人員快速測試網頁在IE6/7/8/9、Firefox、Chrome、Safari下的呈現效果，執行時會出現左右兩個網頁視窗，可同時呈現不同瀏覽器的顯示結果，供設計人員對照比較。 執行UI如上圖，最上方Location欄位輸入要檢視網頁的URL，接著選取要用何種瀏覽器檢視。家裡的機器裝了IE8...

Posted 08 May 2011 09:57 PM 由 Jeffrey | with no comments

Filed under: Tools, Web, IE

TIPS-跨Domain傳遞Modal Dialog結果

雖然 Model Dialog 不是什麼好東西，礙於它目前還是內部系統的一哥，偶爾伺侯一下難搞的大頭症主角是難免的... orz 這回遇到的難題: A網站的網頁利用showModalDialog顯示來自B網站的網頁，透過window.dialogArguments傳過去的參數以及Modal Dialog中用window.returnValue傳回的結果，因違反 Same Origin Policy ，判定跨Domain不得存取，全都變成了undefined。 我用以下例子來重現問題，先做一個caller...

Posted 06 May 2011 08:03 AM 由 Jeffrey | 1 comment(s)

Filed under: Javascript, ASP.NET, IE, jQuery

關於IE9文件模式切換的簡單測試

和IE8一樣，IE9 Dev Tools提供了文件模式切換功能，協助開發人員測試網站在IE7/8/9下的呈現結果，共有兩組切換選項: Browser Mode(瀏覽器模式)及Document Mode(文件模式) [補充: IE Team Blog 有篇詳細的 介紹 ]。 簡單來說，切換瀏覽器模式會改變IE9送給Web Server的User Agent字串，網站程式常會依據瀏覽器送出的User Agent資訊來判別瀏覽器版本，針對不同瀏覽器傳回不用的特製網頁。換句話說，切換瀏覽器模式可以讓IE9...

Posted 28 March 2011 08:00 AM 由 Jeffrey | 4 comment(s)

Filed under: ASP.NET, IE

【茶包射手日記】IE8+Windows 7下ModalDialog POST時另開新視窗

同事回報測試網站的ModalDialog在按下<input type="submit">時會另開新視窗。 這本來是條老梗，在 Modal Dialog Mini FAQ 一文的Q4中已明白揭示: 只要加上<base target="_self" />就可以藥到病除。 BUT!! 射茶包最恨的就是這個BUT!! 該網頁原本就已加了<base target="_self" />，且起初在主機A測試無誤，直到showModalDialog網頁改成內嵌在主機B...

Posted 24 March 2011 07:42 AM 由 Jeffrey | with no comments

Filed under: ASP.NET, Trouble-Shooting, IE

【茶包射手日記】與IE9 Bug的馬拉松戰記

下午同事前來報案，一個MultiView包在UpdatePanel中，使用IE9檢視，以AJAX方式動態切換ActiveView後，其中的<ol><li>的自動跳號數字忽然全變成0。將IE9切換成IE8或IE7相容模式，則序號顯示正常。這個小小問題，揭開了前後近六小時的射茶包歷程。 由於原本的問題出現在一個十分複雜的後台專案網頁中，執行時涉及身分認證、Oracle帳務資料才能正確顯示，因此當務之急是設法用最少的Code重現Bug，最好只需單一ASPX，放在任何IIS執行就可以執行重現問題...

Posted 19 March 2011 02:21 AM 由 Jeffrey | 5 comment(s)

Filed under: Trouble-Shooting, IE

網頁開發人員的IE9相容性須知

IE9正式版已經在2011/3/14 21:30 UTC-8發佈囉! (補充參考: 蘇老 的 IE9安裝 介紹) 這次從IE8到IE9的改版，主要著眼於對HTML5與CSS3的支援(雖然我覺得對CSS3支援得不夠用力)、砍掉重練變快很多的全新Script Engine，以及整合GPU硬體加速功能，在Script執行與圖形處理速度的提升十分驚人， IE9網站 上有段炫耀用的小魚影片，IE9對上Firefox 4，放250隻小魚在魚缸裡亂竄的FPS測速(Frames Per Second, 每秒鐘可以刷新幾次畫面...

Posted 16 March 2011 02:42 PM 由 Jeffrey | 7 comment(s)

Filed under: ASP.NET, IE

搜尋