Browse by Tags

CODE-鎖定有掛onchange事件的欄位停用自動完成

上回提過因使用IE自動完成 造成onchange事件不被觸發 的問題，著實帶來一些困擾，不少User抱怨系統掛在onchange事件的欄位連動功能失效。雖然User漸漸都已學會在這些欄位使用手工輸入，不要依賴IE自動完成帶入結果就可以避開問題，抱怨日少。不過我想從網頁設定上去停用autocomplete還是比較根本的解決之道。 當然，我們可以抱著寧可錯殺一百，不可錯放一個的精神來個$("input:text").attr("autocomplete", "off"...

Posted 05 March 2010 03:56 PM 由 Jeffrey | 2 comment(s)

Filed under: IE, jQuery, CODE

【茶包射手日記】失落的change事件

有個網頁在某欄位的change事件掛了一段邏輯，依輸入內容連動其他欄位值。使用者抱怨上個月第一次使用完全正常，這個月再用時，在該欄位中輸入資料，其他欄位卻未跟著連動... 我用自己的Client連到同一網頁，跟User輸入同樣的值，一切正常。移駕到使用者座位，使用"肇事"機器實地操作，連動功能也完全正常! 莫非，這程式會認主人，只要遇到拎杯親自操作就不敢造次? 世界上有很多無法解釋的玄妙事件，但本案例並不包含在內。依茶包射手實戰手冊第748頁的記載，此種靈異現象 通常是User與Developer在操作上有細微差異才造成不同結果...

Posted 26 January 2010 06:19 PM 由 Jeffrey | 3 comment(s)

Filed under: Javascript, Trouble-Shooting, IE

瀏覽器對不合法XML元素名稱的處理

因程式Bug搞出一個包含無效元素名稱的XML，發現IE的反應很有趣，XML物件的firstChild屬性會傳回null。 依 XML規格 ，XML元素名稱必須符合以下條件: 包含字母、數字及其他字元 不可以數字或標點符號起始 開頭不可以是xml, XML或Xml 不能包含空白 我寫了個範例挑戰了這個禁忌，順手試了一下不合法XML格式在各瀏覽器下的反應。 var xmlStr = "<data><0>A</0></data>" ;...

Posted 23 October 2009 03:55 PM 由 Jeffrey | with no comments

Filed under: Web, IE

【茶包射手專欄】VS2005有時無法Debug

同事遇到的問題，並自己找到解答，順手做一下筆記。 Windows XP + VS2005 + IE8，發現"有時候"會發生無法Debug ASP.NET網頁的狀況，按下F5後，IE開啟，但未進入Debug模式。(Debug鈕變回綠色可按狀態) 網路搜尋後，找到MSDN論壇上的 這篇 討 論 。比對之後，發現與該文情境完全吻合: 昇級IE8後發生，而"有時候"的關鍵的確在於有另開一個IE視窗時。而依照文中的解法，加上Registry後，問題就排除了。 謝謝你...

Posted 15 October 2009 12:29 PM 由 Jeffrey | 3 comment(s)

Filed under: VS2005, Trouble-Shooting, IE

TIPS-IE Favicon錯亂

今天發現IE8檢視Google時， Favicon 被誤植成 聯合報 的圖示。 搜尋了一下，在一個過去沒聽過的 Microsoft Answers網站 (有點像給End-User用的TechNet或MSDN論壇)找到 相關討論 。 其中有位MS Support工程師建議重設IE所有設定(讓我聯想到今天看到的 【MIS維修3R原則】 : Restart, Reboot, Reinstall)，但如此豈不就損失了這段時間陸續對IE做的調整? 嗯湯呀嗯湯~~ 幸好我耐著性子讀下去，發現另一位MS Support推敲問題與Cache資料錯亂有關...

Posted 08 September 2009 09:53 PM 由 Jeffrey | with no comments

Filed under: Tips, Trouble-Shooting, IE

HTML Comment問題

無意發現某段被註解掉的HTML原始碼卻會在Firefox上被顯露出來，幾經測試，發現在註解內容中只要前後有出現--及>，Firefox就會將其視為註解結束。 為了突顯問題，我寫成以下的測試案例。直覺上，大部分的人應會認定<!--與-->裡包含的綠字內容全部屬於註解: <! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1...

Posted 07 September 2009 11:00 AM 由 Jeffrey | 2 comment(s)

Filed under: ASP.NET, IE

瀏覽器XSS防身術比武大會

在噗浪上看到有人抓到了總統府網站的XSS漏洞，在新聞稿網頁嵌入了惡搞的 奇笨呆兒 脫衣舞男影片。 無意發現，這個攻擊手法在IE8上會被擋下來! 之前微軟一再 吹噓 強調IE8相較於其他瀏覽器來得安全，索性就用這個案例讓五大瀏覽器比劃一下，看看IE8, Firefox, Chrome, Safari, Opera的XSS防身術功力高低: Chrome腹部挨了一拳! Firefox頭上被敲了一記悶棍! Safari背上中了一掌! Opera一個箭步，巧妙閃過! IE8秀了一記後空翻，躲開後還三聲狂笑...

Posted 27 August 2009 11:33 PM 由 Jeffrey | 16 comment(s)

Filed under: Security, IE

TIPS-讓每個IE頁籤使用不同的Session

"一人分飾多角"是網站開發/測試人員的重要謀生技能，尤其是在Demo或測試時格外重要。在模擬整個作業情境的過程中，測試人員常常一下要當美眉Key單、一下要演主管審單、一下要扮老總核准，忙得不亦樂乎。 由於網站設計上，登入後多會以Session/Cookie記錄不同的使用者身份，而瀏覽器會針對同一網站會持續使用相同的Session進行作業，我們很難用同一個IE在一個網站上同時切替不同角色。在IE6/7時代，我們多半會另外開啟一個IE連線該網站，就能另外享用不同的Session玩一下Cosplay...

Posted 05 July 2009 12:02 PM 由 Jeffrey | 1 comment(s)

Filed under: Tips, IE

【茶包射手專欄】IFrame中的TextArea、TextBox無法輸入文字

被一個問題搞到暴怒! 我寫的一個網頁採用BlockUI的方式顯示一個嵌在IFrame裡的子網頁，以進行一些額外的資料輸入操作，操作完成後則以$.unblockUI()收掉子網頁，將控制權交回原網頁。 起初有一個使用者跟我抱怨，IFrame子網頁裡的Textarea，在重覆開啟關閉後，子網頁的Textarea、Textbox就都無法輸入文字(點選後不會顯示文字輸入游標)。試著在自己公司的電腦上進行過同樣的操作，並沒有發生無法輸入的狀況，加上其他使用者都無人回報類似錯誤，因此被我判定為少數Client環境問題怪異的個案...

Posted 29 June 2009 09:11 AM 由 Jeffrey | 5 comment(s)

Filed under: IE

瀏覽器的IFrame無窮迴圈防呆

在射茶包的過程中，發現了一個有趣的瀏覽器行為。 程式碼如下，按下Button會在IFrame元素中開啟目前所在網頁。會寫成這種架構是打算讓一個網頁同時扮種兩種角色，不必為了一個小測試搞出兩個HTML檔案來。實際的測試中，我用if (parent != window)判別網頁是否在IFrame中被開啟，執行不同的功能。這裡只為了突顯瀏覽器的行為特性，我把程式碼簡化到最少。 < html xmlns ="http://www.w3.org/1999/xhtml" > <...

Posted 29 June 2009 01:30 AM 由 Jeffrey | 6 comment(s)

Filed under: Web, IE

jQuery Textarea - 該用val()還是text()

網頁在FF下不正常，搞了半天才發現問題出在我使用val()指定Textarea的內容，畫面顯示看來一切OK，但經過clone()後，內容值卻消失了。 我整理出以下的範例做測試: (可用 Mini jQuery Lab 直接執行) $( "<div id='x1'><textarea id='t1'></textarea>" + "<textarea id='t2'><...

Posted 11 June 2009 07:13 PM 由 Jeffrey | 8 comment(s)

Filed under: Tips, Javascript, IE, jQuery

好用到掉渣的IE8 Developer Tools--JS效能調校經驗

對我來說，IE8最讓人興奮的新功能非"IE8 Developer Tools"莫屬!! (沒騙你們，我有文章為憑: 1 2 3 ) 上市後，IE8立即取代Firefox成為我開發網頁時的主力測試工具，也開始體驗它的強大威力。 像是可任意下指令的Console視窗我就超愛，把整個網頁玩弄於股掌之間的感覺真好~~ 就拿新聞網站為例，先用 上次提過的技巧 載入jquery-1.3.2.js，用HTML Tab的工具觀察DOM結構，然後可以在Script Tab的Conosle區一行一行下指令...

Posted 08 June 2009 06:40 AM 由 Jeffrey | 8 comment(s)

Filed under: Javascript, Performance, IE, jQuery

jQuery XML selector在IE6下不支援逗號

IE又來找碴了，這回闖禍的是IE6。 以下的程式(可使用 Mini jQuery Lab 測試) ，利用jQuery selector去查詢XML中的XmlElement，我有段類似的Code開發期間在IE7/8、FF、Chrome、Safari、Opera下都正常，直到今天交付User測試，User冷不防丟出魔法卷軸，召喚出IE6大魔獸登場，一鎚襲來，我可憐的小網頁就這麼倒地不起... $.getScript( "jquery.xmlext.js" , function (...

Posted 03 June 2009 12:18 AM 由 Jeffrey | 2 comment(s)

Filed under: IE, jQuery

TIPS-小心IE7會偷改Anchor式HREF

今天用 jQuery UI Tabs 做網頁，其中部分頁籤要動態產生，故現場組裝<li><a href='#divName'><span>tabName</span></a></li>，再呼叫.tabs()達到目的。測試發現，動態產生的頁籤，在IE8開啟IE7相容模式時，點下去會以動態方式載入同一頁面，害網頁中的$(function() { ... })重覆被執行，弄得網頁一團亂。但若使用FF、Chrome甚至切成IE8標準模式執行...

Posted 02 June 2009 07:03 PM 由 Jeffrey | 8 comment(s)

Filed under: IE, jQuery

幫倒忙的IE8 JSON.stringify()

正在趕工寫程式，沒想到又跟Bug耗上了大半天… (好像每次都這樣) 有段程式用了 JSON2.js 處理資料欄位的編修，原本執行良好，今天測試卻發現如果<input type='text'>的value是空字串，傳回結果會變成null四個字。 原本以為這是JSON2.js將空字串視為null所致(以前怎麼沒發現?)，但如果是null，應該也要表示為{ "n”:null }而不是{"n”:”null”}，幾過一番折騰，總算抓出這隻臭蟲來。 首先，我發現一件事實...

Posted 16 May 2009 11:58 AM 由 Jeffrey | 1 comment(s)

Filed under: Javascript, IE

搜尋