下午接到 user 電話，告訴我他在他的電腦上，無法看到他上傳到 SharePoint 網站的圖檔。過去現場看了一下，的確在別人電腦上可以正常顯示的圖片，在他瀏覽器上只是一顆正方形的叉燒包。
該圖有 3.5MB，我在我電腦上使用 IE9 看正常、借用同事的 IE11 看也正常，我和同事兩人把瀏覽器模式切換為舊版，觀看也正常。
於是我瞎猜了一下，心想應該是檔案太大？用 Microsoft Office Picture Manager 把圖檔縮小一半以後，再到 user 的電腦上試看看，發現就可以正常瀏覽了。
今天接到一通客服電話，對方問我為什麼網站上部分網頁在列印時會印出 HTML。我仔細看了一下，那些頁面裡只要有設定超連結 <a href="/something">，就會把 href 屬性的值加上括號，顯示在連結文字之後。比方說：
<a href="http://www.google.com">Google</a>
在列印或預覽列印時會顯示：
Google (http://www.google.com)
因為用了 Chrome 39, IE 10, Firefox 34 看都有這狀況，本來以為是新版瀏覽器都有這個功能，但是嘗試預覽列印 Google 的搜尋結果，就沒這問題，好納悶。
今天發生一個很奇怪又很簡單的 bug。在 IE 9 瀏覽某個網頁，JavaScript 執行到特定段落後就不再執行。但是該頁面是抄另一個頁面改寫的，原始的網頁運作正常，不會因為 IE 版本不同而發生任何錯誤。
奇怪的是，按下 F12 開發者工具，切到「網路」頁籤，想看看 JSON & JavaScript 下載有沒有異常，頁面就好了。
找了半天的 bug 以後發現，沒有運作的那一段 JavaScript 之前有一行 console.log("print something")。刪掉就好了。 Orz
最近開始用 Bootstrap，這是近年非常流行的排版 framework。其中的圖示元件 (Glyphicons) 使用了網路字型、SVG 等多種方式來呈現小圖示，只要修改 css class 就可以得到不同大小、圖案的按鈕，做按鈕不求人，超方便。
可是我才剛開始用就遇到很幼幼班的問題：為什麼在 IE8/IE9 沒辦法顯示圖示內容？我在 Firefox & Chrome 看都很正常啊。
最近寫了一個用到 Google Map API 的標記叢集 (marker cluster) 的頁面，還沒時間記錄 marker cluster 怎麼用，user 就打來說地圖顯示得怪怪的。看了一下，在 IE8 裡某些落在標記群組之外的單一地圖標記 (marker) 根本不顯示，本來以為是 marker cluster 造成的，但把 marker cluster 註解掉以後，反而發現所有標記都沒產生！
所以就拿「google map api marker ie8」當關鍵字（為了偷懶只查正體中文的XD），一眼就看到第三組搜尋結果《Google Map 的 Marker 在 IE7 + IE8 破圖的解法》是支上上籤，設定地圖標記 (marker) 時該多帶個 optimized 參數：
var marker = new google.maps.Marker({
某天寫了一段 jQuery，透過 .ajax() 取回資料，在 firefox 相當正常地運作著，但在 IE 裡卻掛掉了。
先後改成 .post()、.get()，都一樣拿不到資料。
Google 了一下，看到 IThome 討論區有一篇類似情況的文：
使用者來電，告知網頁中某一張圖檔無法開啟。我在 IE9 下瀏覽正常。
第一個考慮到的因素是中文檔名，但其他圖片也是中文檔名都能正常瀏覽。
第二個想到的原因是 IE 版本，
幫忙調整了一個頁面，在裡頭加上 facebook 的「讚」按鈕 (like button)，一開始測試看起來正常，所有「讚」的按鈕都有出現，就交差出門了。回家後收到訊息：「那些按讚的按鈕怪怪的耶，按下去後會跳出幾十萬個『讚』，但是重新整理後卻一個讚也沒有？」
詳細追究了一下，嘗試了幾個可能：
參考 Tsung 前輩的《使用 YUI Compressor 壓縮 CSS / JavaScript》來壓縮 CSS & JavaScript。不過在 Windows 裡開每次要動手打 commad 都覺得好懶，所以在 YUI 官網下載了 YUI Compressor、解開壓縮檔以後，就在 YUI Compressor 的目錄裡加了這個批次檔。
echo off
set /p VarPath=請輸入檔案目錄:
最近有一段程式寫好了，但在 IE tester 測試 IE6 時，不停跳出 "Unspecified error"（無法指出的錯誤）的錯誤訊息。由於 IE tester 提供的錯誤訊息很陽春，指出的行號和檔名搭不上，花了好些時間才找出錯誤。
（錯誤是發生在 xxx.js，但是在錯誤訊息視窗顯示為 ooo.php）
為了要在頁面上增加一個按鈕，讓使用者能夠複製網頁部分內容，因此參考黑暗執行緒《在Firefox中透過Javascript存取剪貼簿》，建立了copyToClipboard()這個函式。不過因為這篇文是 2009 年發表的，我發現在 IE8 以上版本執行起來會有問題：當使用者選擇「您是否要允許這網頁存取[剪貼簿]?」，使用者選了「不允許」，竟然還是會返回已複製成功的訊息。（若想模擬使用者的環境、把你的 IE 也設定成不允許程式存取剪貼簿，可參考《解決IE8不再詢問「您是否要允許這網頁存取剪貼簿?」》）
此外，現在 Chrome 的使用者聲勢浩大、但無法透過 JavaScript 存取剪貼簿，也得一併考慮進去。
近年滿流行在網站內容頁加上臉書 (facebook)、推特 (twitter)、噗浪 (plurk) 三顆推文按鈕，這三顆按鍵我取其字首，簡稱為 FTP 功能鍵。 XD
我把這三顆按鈕做成一組小小的 jQery plugin，使用方式如下。 :)
今天設計師說她的選單在 IE 6 裡頭出錯了，情況是：當選單滑出時，若下方有下拉選單 (<SELECT>, dropdown list)，下拉選單會自動置頂，調整了 z-index 也沒有用。稍微研究了一下，她用的選單是 jQuery Multi Level CSS Menu #2 (jQueryslidemenu)，
參考 Jace Ju 的《解決下拉式選單覆蓋圖層的問題》，調整了 jQueryslidemenu 的 JavaScript。概念是在你要顯示的 <div> 底下墊一個 <iframe>，由於 IE6 會將 <iframe> 壓在 <select> 上頭，而 <iframe> 又能調節 z-index，因此這樣就奏效了。
最近在網頁上試著加了轉貼連結到 Facebook 的功能，記錄一些心得。
1. 如果想強制送出指定的內容，可以註冊為應用程式，但缺點是使用者須同意發佈至塗鴉牆。
ExtJS 基本需要 ext-base.js、ext-all.js 這兩支 JavaScript，以及 ext-all.css 這個 CSS 檔來控制外觀。
<link rel="Stylesheet" type="text/css" href="layout/css/ext-all.css" />
<script type="text/javascript" src="js/ext/ext-base.js"></script>
前幾天在程式裡放一個表格，因為有一欄資料要依照它所屬的項目數量不同，合併不同數量的列，想像中這個表格的長相大概是這樣：
查高鐵時刻表的時候發現他們用的 JS calendar 還滿不錯的，可以透過鍵盤控制，因此我也想要在程式裡放一個。
首先要到 JS Calendar 的官網下載原始碼。
文書處理 (5)