Gea-Suan Lin's BLOG » GoogleChrome http://blog.gslin.org 幹壞事是進步最大的原動力 Wed, 23 May 2012 02:33:28 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Mozilla Firefox 與 Google Chrome…http://blog.gslin.org/archives/2012/03/18/2851/mozilla-firefox-%e8%88%87-google-chrome/ http://blog.gslin.org/archives/2012/03/18/2851/mozilla-firefox-%e8%88%87-google-chrome/#comments Sun, 18 Mar 2012 08:28:54 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2851 Continue reading →]]>

我家裡與公司的 Mozilla Firefox 與 Google Chrome 都是在 Ubuntu 上面跑，至於家裡的 Mac Mini 就沒換了，還是跑 Chrome。來講一下我對這兩個瀏覽器的的感覺。

從安裝開始，在 Ubuntu 下面我是透過 ppa 裝 release 前一個 channel (兩個都叫做 beta)。安裝的方式很簡單，設好 ppa 後 apt-get update; apt-get dist-upgrade 就會把系統的 Firefox 與 Chrome 升級到新版。

對於套件的相容性，Firefox 有很明顯的改善，現在從 Release 升級到 Beta 的時候不會直接把所有的套件標成不相容，會有一些機制處理，這方面算是跟 Chrome 有得玩。

另外一方面 Chrome 也支援更多 API 讓套件使用，現在套件可以做很多網路層的操作，接下只要 Chrome 把 UI API 設計完整一點就可以了… (Chrome 上面套件的設定畫面相較於 Firefox 是有需要再改善的，瀏覽器對 UI API 支援太陽春算是原因之一…)

同步的問題因為 Chrome 可以綁定 Google 帳號，就算是 Two-Factor 時也可以用 application password，而 Firefox 的同步功能我試了三次都沒成功過…

效能方面，可以發現兩個瀏覽器的效能都很好了，Twitter 算是 script 很多，可以感覺到比較頓的網站 (參考「bandwidth」這篇)，兩個瀏覽器用起來都不會有明顯的不順暢。

操作方面是還是可以感覺到 Firefox 在某些地方卡住：

  • focus 在 Flash 時，Ctrl-W 無法關閉視窗 (因為 Ctrl-W 被 Flash 抓走了)。
  • Firefox 的 Firebug (yeah，跟 Firefox team 無關，但這剛好對應於 Chrome 內建功能) 沒辦法用 Ctrl-W 關閉。
  • 在 address bar 輸入 url 有時會被 suggestion 卡到 lag，這之前有提過了，在 bugzilla 上也有 ticket 在追這個問題…

最後要談的是穩定性，兩者的穩定性都已經可以接受，只是很明顯 Firefox 遇到複雜的 script 還是不太穩，無論是 Facebook 還是 Twitter，偶而會出問題，這時候把 browser 關掉再開就好了…

Firefox 大概還會再用一陣子吧… 算是測試不同的 browser。

]]> http://blog.gslin.org/archives/2012/03/18/2851/mozilla-firefox-%e8%88%87-google-chrome/feed/ 1 Chrome 的 webRequest…http://blog.gslin.org/archives/2012/02/29/2835/chrome-%e7%9a%84-webrequest/ http://blog.gslin.org/archives/2012/02/29/2835/chrome-%e7%9a%84-webrequest/#comments Tue, 28 Feb 2012 21:57:36 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2835

在變成標準前又改了一次…

從 Google Chrome 17 後，「Web Requests」從 Experimental API 變成正式的 API，有不少地方在這次轉成正式 API 後需要修改：

  • 本來 chrome.experimental.webRequest 都改成 chrome.webRequest。
  • 需要加上 webRequest permission，如果有 blocking 行為則要再加上 webRequestBlocking permission。
  • API 呼叫的參數可能會不一樣，參考官方的文件的說明比較清楚。我遇到的是使用 onBeforeRequest.addListener 時需要多加上 urls 參數。
  • 不再需要 expiermental permission，不過沒拿掉不影響運作。

在 Chrome Web Store 上面已經可以看到一些跟控制 Referrer 有關的延伸套件了…

]]> http://blog.gslin.org/archives/2012/02/29/2835/chrome-%e7%9a%84-webrequest/feed/ 0 換回 Firefox…http://blog.gslin.org/archives/2012/02/12/2824/%e6%8f%9b%e5%9b%9e-firefox/ http://blog.gslin.org/archives/2012/02/12/2824/%e6%8f%9b%e5%9b%9e-firefox/#comments Sat, 11 Feb 2012 22:15:31 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2824

用 Google Chrome 用一陣子了，回頭來看看 Firefox 發展的如何… 在 Location bar 輸入網址還是鈍鈍的問題還是沒解，不過很明顯感覺速度跟 Chrome 差不多了…

裝了一卡車套件，用一陣子看看吧 :o

]]> http://blog.gslin.org/archives/2012/02/12/2824/%e6%8f%9b%e5%9b%9e-firefox/feed/ 2 Google Chrome Extension 內攔截所有的 url request…http://blog.gslin.org/archives/2012/02/08/2821/google-chrome-extension-%e5%85%a7%e6%94%94%e6%88%aa%e6%89%80%e6%9c%89%e7%9a%84-url-request/ http://blog.gslin.org/archives/2012/02/08/2821/google-chrome-extension-%e5%85%a7%e6%94%94%e6%88%aa%e6%89%80%e6%9c%89%e7%9a%84-url-request/#comments Wed, 08 Feb 2012 03:43:43 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2821

之前寫了一個處理 Referer header 的 extension，使用 chrome.experimental.webRequest.onBeforeSendHeaders.addListener 攔截所有的 url 然後處理 Referer header。

之前只需要在 manifest.json 裡面加上 experimental 就可以使用，但是前陣子發現失效。剛剛在「onBeforeSendHeaders listeners aren’t triggering」這個 issue 裡面找到解法：現在需要多加上 <all_urls> 這組權限。

]]> http://blog.gslin.org/archives/2012/02/08/2821/google-chrome-extension-%e5%85%a7%e6%94%94%e6%88%aa%e6%89%80%e6%9c%89%e7%9a%84-url-request/feed/ 0 把 Google Plus 的數字 icon 藏起來…http://blog.gslin.org/archives/2011/12/21/2808/%e6%8a%8a-google-plus-%e7%9a%84%e6%95%b8%e5%ad%97-icon-%e8%97%8f%e8%b5%b7%e4%be%86/ http://blog.gslin.org/archives/2011/12/21/2808/%e6%8a%8a-google-plus-%e7%9a%84%e6%95%b8%e5%ad%97-icon-%e8%97%8f%e8%b5%b7%e4%be%86/#comments Wed, 21 Dec 2011 14:56:31 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2808

那個紅色的數字 icon 還蠻妨礙工作的，到 userscripts.org 上翻一翻，果然有人有寫過了 (雖然是沒幾天前)：「Go Away! Google Plus」。

PS：隨便丟字進去測試的時候，發現 “test” 第五名是 tw.yahoo.com，這是怎麼了…？

]]> http://blog.gslin.org/archives/2011/12/21/2808/%e6%8a%8a-google-plus-%e7%9a%84%e6%95%b8%e5%ad%97-icon-%e8%97%8f%e8%b5%b7%e4%be%86/feed/ 0 關掉 Mac OS X 上的平滑捲動…http://blog.gslin.org/archives/2011/11/21/2782/%e9%97%9c%e6%8e%89-mac-os-x-%e4%b8%8a%e7%9a%84%e5%b9%b3%e6%bb%91%e6%8d%b2%e5%8b%95/ http://blog.gslin.org/archives/2011/11/21/2782/%e9%97%9c%e6%8e%89-mac-os-x-%e4%b8%8a%e7%9a%84%e5%b9%b3%e6%bb%91%e6%8d%b2%e5%8b%95/#comments Sun, 20 Nov 2011 17:10:19 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2782

起因是想要關掉 Google Chrome 在 Mac OS X 上的平滑捲動，找了半天都沒看到，後來被人提醒，Mac 系統有選項提供平滑捲動，Google Chrome 有平滑捲動可能是由作業系統提供，而非 Google Chrome 自己實作：

關掉後問題就解決了…

]]> http://blog.gslin.org/archives/2011/11/21/2782/%e9%97%9c%e6%8e%89-mac-os-x-%e4%b8%8a%e7%9a%84%e5%b9%b3%e6%bb%91%e6%8d%b2%e5%8b%95/feed/ 2 安裝 Pretty Beautiful Javascript…http://blog.gslin.org/archives/2011/11/18/2781/%e5%ae%89%e8%a3%9d-pretty-beautiful-javascript/ http://blog.gslin.org/archives/2011/11/18/2781/%e5%ae%89%e8%a3%9d-pretty-beautiful-javascript/#comments Thu, 17 Nov 2011 21:22:33 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2781

Pretty Beautiful Javascript，這是安裝前看 jQuery 1.7.0 程式碼的效果：

這是安裝後的效果：

不過 javascript 檔案大一點跑起來就會很慢 XD

]]> http://blog.gslin.org/archives/2011/11/18/2781/%e5%ae%89%e8%a3%9d-pretty-beautiful-javascript/feed/ 2 Mac 下 Google Chrome 的 textarea 預設字型…http://blog.gslin.org/archives/2011/11/14/2778/mac-%e4%b8%8b-google-chrome-%e7%9a%84-textarea-%e9%a0%90%e8%a8%ad%e5%ad%97%e5%9e%8b/ http://blog.gslin.org/archives/2011/11/14/2778/mac-%e4%b8%8b-google-chrome-%e7%9a%84-textarea-%e9%a0%90%e8%a8%ad%e5%ad%97%e5%9e%8b/#comments Sun, 13 Nov 2011 17:22:38 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2778

要編輯維基百科的時候發現字寬好像不太熟悉，多看了幾個站台，發現 Google Chrome 在 Mac 下面對 textarea 預設的字型不是等寬字… 而且預設的套件沒辦法修改 :o

知道問題後，就是要找解法了… 目前的解法是裝 Stylish，對所有站台的 textarea 加上 font-family: monospace;，這樣就可以避免當網站沒有對 textarea 指定 font-family 時看起來很突兀…

]]> http://blog.gslin.org/archives/2011/11/14/2778/mac-%e4%b8%8b-google-chrome-%e7%9a%84-textarea-%e9%a0%90%e8%a8%ad%e5%ad%97%e5%9e%8b/feed/ 0 Google Chrome 的 user script 與 Greasemonkey 的不同…http://blog.gslin.org/archives/2011/11/11/2777/google-chrome-%e7%9a%84-user-script-%e8%88%87-greasemonkey-%e7%9a%84%e4%b8%8d%e5%90%8c/ http://blog.gslin.org/archives/2011/11/11/2777/google-chrome-%e7%9a%84-user-script-%e8%88%87-greasemonkey-%e7%9a%84%e4%b8%8d%e5%90%8c/#comments Thu, 10 Nov 2011 21:41:00 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2777 Continue reading →]]>

實在是睡不著，來整理一些資料…

不知道「User Scripts – The Chromium Projects」這份是否 outdated 了，但至少發現在 Google Chrome 裡面推薦用 @match 設定 url，不過原先的 @include 還是可以用：

Support for Greasemonkey-style @include patterns is also implemented for compatibility, but @match is preferred.

在 Greasemonkey 的「Metadata Block – GreaseSpot」說明中則是用 @include 設定，直到 0.9.8 (2011/08/01 release) 以及之後的版本才同時支援 @include 與 @match。

之後改寫 script 的時候再更新好了…

]]> http://blog.gslin.org/archives/2011/11/11/2777/google-chrome-%e7%9a%84-user-script-%e8%88%87-greasemonkey-%e7%9a%84%e4%b8%8d%e5%90%8c/feed/ 0 擋掉 Google Plus，加快 Google Reader 速度…http://blog.gslin.org/archives/2011/11/05/2768/%e6%93%8b%e6%8e%89-google-plus%ef%bc%8c%e5%8a%a0%e5%bf%ab-google-reader-%e9%80%9f%e5%ba%a6/ http://blog.gslin.org/archives/2011/11/05/2768/%e6%93%8b%e6%8e%89-google-plus%ef%bc%8c%e5%8a%a0%e5%bf%ab-google-reader-%e9%80%9f%e5%ba%a6/#comments Sat, 05 Nov 2011 09:40:52 +0000 Gea-Suan Lin http://blog.gslin.org/?p=2768 Continue reading →]]>

Google Reader 這次改版另外一個為人詬病的問題是「變卡」，主要原因是 Google Plus。

第一個想到的解決是利用 Adblock Plus，將 http://www.google.com/reader/* 以及 https://www.google.com/reader/* 連到 https://plusone.google.com/* 的連線需求都都擋下來。但看了 Adblock Plus 的文件，不知道要怎麼設定…

後來想到的解法是自己寫 Google Chrome Extension，主要是很久沒寫都忘光了，剛好找個實際會用到的功能來寫… 主要是用到 chrome.tabs 與 chrome.experimental.webRequest 兩組 API 組合。其中後面這組 API 必須用 about:flags 打開權限才能使用。

成品在這：「google-reader-faster」，由於用到 Google Chrome 的 Experimental API 所以無法上傳到 Web Store，所以暫時先用 dev mode 把 extension 讀進來用。之後要來再研究看看 Adblock Plus 是怎麼做到的…

把 Google Plus 擋掉後用鍵盤快速鍵操作順很多 XD

]]> http://blog.gslin.org/archives/2011/11/05/2768/%e6%93%8b%e6%8e%89-google-plus%ef%bc%8c%e5%8a%a0%e5%bf%ab-google-reader-%e9%80%9f%e5%ba%a6/feed/ 2