國泰世華網路銀行相容性問題分析

過去就曾經 幹繳 過國泰世華的 網路銀行，還因此跑去申請 HSBC Direct。

之前很多人推薦的國泰世華網路銀行，在非 IE 瀏覽器上，只有登入的第一頁可以看，當頁全部的連結都無效。很無法理解，既然做到「可以登入」了，為啥會在超連結上破功，真是白痴的錯誤；至於他的電子賬單，在非 IE 瀏覽器＋Gmail 上，也完全走樣。如果有那家的網路銀行是完全沒問題的，我會想把信用卡、帳戶等所有東西都轉過去，以備不久的未來，完全 M$ Out 時不會有相容性問題。

如同預想的一樣，HSBC Direct 所有功能在 Firefox 跟 Safari 等標準瀏覽器上都是完全正常的；而國內第一大金控國泰世華，從我第一次跟他們客服抱怨到現在，過了五年還是一樣不長進。

今天突然想到來看看，為什麼國泰世華網路銀行在 Firefox 能夠登入，但是卻不能使用。沒想到問題真的非常單純，讓一個有經驗的程式設計師來改，大概十分鐘就可以修好了吧……

這是國泰世華銀行在 Firefox 3 上登入後的第一個畫面。

按下「證卷服務」看看吧。

看起來上方的「銀行服務、證卷服務、信用卡服務……」都是完全正常的，不過左邊的功能選項「額度繳款查詢、預借現金額度查詢……」就失效了。

我們打開網頁下方的頁框來看看。

下方的頁框是證卷服務的頁面。看得出來，上方的服務選項是連結到下方的頁框，左邊的功能則是連結到頁框的本身。

現在打開頁框的原始碼看看……

<a href="#" onclick="Show_WebData('C185')">額度繳款查詢</a><br>
<a href="#" onclick="Show_WebData('C395')">預借現金額度查詢</a><br>
<a href="#" onclick="Show_WebData('C195')">帳單及消費明細</a><br>
<a href="#" onclick="Show_WebData('C205')">未出帳明細</a><br>
<a href="#" onclick="Show_WebData('C600')">信用卡消費分析</a>

帳單及消費明細的連結是呼叫「Show_WebData('C195')」這個函式來顯示，讓我們看看函式的原始碼。

最重要的是這一句：

sHtml = sHtml & "<iframe style='float:none' frameborder=0 id='" & sWPID & "' width='100%' height='100%' scrolling=no src='" & left(sWPID,3) & ".asp'></iframe>"

現在可以解讀出按下「帳單及消費明細」連結的網頁了，網址就是國泰世華銀行的原始連結，加上C195的左邊三個字母，就是：https://www.mybank.com.tw/pweb/c19.asp

打開這個連結試試看。

成功，看到網頁了。

所以說，國泰世華銀行瀏覽器標準相容性的最大問題，就在於用了 vbs 做功能連結的語法，只要改成 jsp，就可以一針見效了。國內第一金控國泰世華銀行的諸公啊，都幫你們找出問題所在了，何時才能把這個問題修好呢？

如果需要再花五年的話，Firefox、Safari、Google Chrome 等瀏覽器，還有手機、iPhone、EeePC，加起來 20% 以上的使用者都要跟我一樣 換個更好的選擇 嘍！

在此把國泰世華銀行的銀行跟信用卡功能中，看起來使用正常的選項，連結整理在下。在他們還未改好之前，可以先在網路銀行登入，再來這邊點選，開啟需要的功能頁面。

（希望有人能把這個寫成 Firefox 擴充套件或者 Grease Monkey 之類的修正碼，直接套上國泰世華網路銀行……）

銀行服務：
存款帳戶查詢、借款查詢、帳戶交易明細、支存待補明細、全部存單明細
國內匯入款查詢、託收票據查詢、U-Life、炫金卡查詢
即時轉帳查詢、外匯帳戶明細查詢
外匯匯出款明細查詢、外匯匯入款明細查詢
外匯線上定存、外匯存單明細查詢、即時轉帳查詢、FX English Menu

信用卡服務：
額度繳款查詢、帳單及消費明細、未出帳明細、信用卡消費分析
信用卡開卡、信用卡申請進度查詢紅利線上兌換、紅利積點查詢