今天為了寫作業一時心血來潮,查了一下一卡通的使用範圍,發現台中和彰化的 Youbike 可以用一卡通了。

於是就跑去 Youbike 網站想要登入,結果就發現 Chrome 給了一個大叉叉的警告。

查了一下,原來是 Chrome 本身的計畫:當使用者瀏覽到使用 SHA-1 的站台時,會依照不同的 Chrome 版本和加密到期日,顯示不同的提示給使用者。詳細的說明在 Google Online Security 的部落格上有詳細介紹。

順便用 Firefox 35 看了一下,沒有類似的提示:

只好先用 Firefox 登入 Youbike 網站了。

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

Chrome.localStorage

因為工作需要,於是找了一下各個瀏覽器檢視 local storage 的方法。

Chrome: F12 開啟開發者工具,切到 Resources 頁籤,點左側的 Local Storage 即可。

Firefox: F12 開啟開發者工具,點擊齒輪把 Storage 勾起來後,再點 Storage → Local Storage 即可。

除此之外, 在 IE11 的開發者工具命令列輸入 localStorage 也可以直接存取:

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

自從把 Chrome 當成主力瀏覽器以後,一直避免去裝 Chrome 的擴充功能。之前 Firefox 經常一升級以後,擴充功能就爛了,而 Chrome 跳版號的速度十分飛快,現在已經來到比 Windows Live Writer 14 還多的 15 …不過看起來似乎 Chrome 沒有這個相容性問題,所以就安裝了幾個工作上需要用到的小工具。

最先安裝的是 Web Developer ,我用它來切換 1024x768 。(沒了,只用到這項功能XDD)

然後是 XML Tree ,大多是拿來 ATOM/RSS 連結有沒有正常顯示用的。

今天裝的是 JSONView ,拿來看 json 用的。原本裝的是 JSON prettifier ,後來發現它在*特定站台的某些條件*下會幫我雞婆的把不需要顯示成好看的 JSON 的東西轉成好看的 JSON,就移掉了。 XD

Tags: Chrome, 擴充功能, extension, web developer, xml tree, jsonview, xml, atom, json

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

這幾個星期學著用 Safari 的開發人員工具處理一些手機上遇到的問題。

Safari 預設是不會提供開發人員選單的,必須要自己去編輯→喜好設定→進階把「在選單列顯示“開發人員”選單」勾起來。

常用到的有幾個功能。

第一個是 UA 切換。在開發人員→使用者代理程式裡,從預設值切到 iOS 4.1 - iPhone 就可以在 UA 模擬成 iPhone ;其他的我用不到。

第二個是檢閱元件。網頁上隨便一個空白的地方按右鍵,選檢閱元件;或是(在 Windows 下)按 Ctrl-Alt-I 打開也行。右下角會顯示有多少錯誤,點開來以後會有各種錯誤的詳細資料。

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

firefox4-jar-file.png

昨天升級 Firefox 4 ,今天就發現升級似乎被我升爛了,在網址列直接搜尋會爆炸,於是決定砍掉重練。

砍掉重練以後不能搜尋的靈異現象就消失了。缺點是一堆 Add-on 全部要重新裝過…有些 Add-on 還不支援 Firefox 4 ,只能等更新了。

值得一提的是 Firefox 4 的 UA string 變短很多: Mozilla/5.0 (Windows NT 5.1; rv:2.0) Gecko/20100101 Firefox/4.0

有在用而且支援 Firefox 4 的 Add-ons: Download Status Bar, firebug, flashgot, Tab Mix Lite, URL Suffix, EXIF Viewer, User Agent Switcher, Web Developer, Right Encoding

有在用但還不支援 Firefox 4 的 Add-ons: Selenium IDE, Right Encoding, VMWare Console

repeat ❤️ 發表在 痞客邦 留言(2) 人氣()

fx3-原始碼.jpg

這篇基本上是自己踩到地雷了,寫來給自己看的…

IE8 和 Chrome 都有內建開發者工具,而 Firefox 3 可以透過安裝 firebug 或類似的附加元件來做類似的事。

首先在某個地方看到一段有問題的 html 。

因為是在 Chrome 看到的,所以很直覺的用 Chrome 的 developer tools 看。

接下來經過大約測了二三十分鐘測不出問題以後,改開 Firefox 用 firebug 看。咦,啊剛看到的問題怎麼不見了… Orz… 再回過頭來用 Chrome 的 developer tools 看。咦,我眼花了嗎…

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

StatCounterGlobal.jpg

昨天 DK 長輩教我用 StatCounter 看台灣瀏覽器的市佔率。

首先看萬惡的 IE6 。還有 44.0% 左右的使用者…

IE7 24.2%, IE8 19.7%, Firefox 3.5 6.0%, Chrome 3 1.1% 。

看一看發現一個地方很有趣:

http://gs.statcounter.com/#browser_version-TW-daily-20091220-20100118 

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

在用圖片取代文字時,經常用的一個做法是:

#someblock {
text-indent: -5000px;

repeat ❤️ 發表在 痞客邦 留言(2) 人氣()

繼 facebook, twitter 和 youtube 之後,國內的 bsp 業者由 xuite 對 ie6 開了第一槍:"Xuite 即將停止對 IE6 的支援"(相簿公告日誌公告)。

依照公告內容,做法會採取類似的前面提的三個站台的方式,加上警語,請使用者更新瀏覽器。

微軟本身也已經對 xp 以上,且仍使用 ie6/7 的用戶,在 Windows/Microsoft Update 中進行「柔性升級勸導」:把 ie8 列為更新選項。

不過由於之前微軟在 Windows/Microsoft Update 中放了 KB905474 後,有很多人把自動更新關掉了,所以不知道到底成效如何…XD

由我自己的 Google Analytics 8月的數據來看,光 ie6 的 29.47% 就幹掉所有 firefox 版本的總和 21.98% …XDDD

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

Google Chrome 優點不少,但缺點也不少,其中一項缺點是預設字型的問題。

Chrome 的預設字型讀取中文時會變得很怪,標點符號全都跑到左下角去了,字看起來也很糊。(據說是呼叫了簡體中文的字型顯示)

解決的方式是按 Chrome 的扳手→選項→偏好調整→變更字型及語言設定→字型編碼,對三種預設字型按下”變更”,依序換成新細明體、新細明體、細明體,字集都選 CHINESE_BIG5 ,都改好後按下”確定”, Chrome 看起來果然就舒服多了。

至於為什麼不設定為微軟正黑體…因為 XP 下沒粗體字的微軟正黑體簡直會要命,不如不換。

Tags: Chrome 字型 細明體 新細明體 微軟正黑體

repeat ❤️ 發表在 痞客邦 留言(1) 人氣()

IE8 提供了開發者工具,裡頭有一項目前用起來很實用的功能。

一般而言,大部份的網站都已經針對 IE6/IE7 做了 CSS hack 。

所以當 IE8 推出後,為了解決 IE8 的相容性問題,最簡單的做法就是在原始碼裡加上

<meta http-equiv="X-UA-compatible" content="IE7" />

來告訴 IE8 說「請當成 IE7 來處理」這樣…

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

最近一堆 IE 會自己爛掉( mshtml.dll 發生錯誤)的例子,看了半天以後判斷和 MS09-002 沒安裝有關。

MS09-002 只針對 IE7 有做更新,所以反而用 IE6 和 IE8 beta 的人都不會有事。XD

據說 IE7 的市占率大約是 25% (當然是國外,國內我猜大概和 IE6 各 40% 吧XD),所以才會有針對 IE7 個別做攻擊/更新的樣子…

btw, IE8 要在 3/20 (五) 開放下載啦,希望不會和 Firefox 3 一樣一放出來就被 0-day attack ... XD

Tags: IE7 IE6 IE8 mshtml.dll MS09-002 Internet Explorer Microsoft 安全性公告

repeat ❤️ 發表在 痞客邦 留言(0) 人氣()

1 2
Blog Stats
⚠️

成人內容提醒

本部落格內容僅限年滿十八歲者瀏覽。
若您未滿十八歲,請立即離開。

已滿十八歲者,亦請勿將內容提供給未成年人士。