聚會時間公告: 因應COSCUP 2011, Kalug 8月份休會一次

五月 3, 2013

小惡魔AppleBOY
AppleBOY
小惡魔 - 電腦技術 - 工作筆記 - AppleBOY is about »

tag cloud

» 測試 Web Responsive Design Tool

responsive-website-design-tipsresponsive-website-design-tips

Web CSS Programer 在撰寫 Responsive CSS Style 時，手邊一定會有一堆 Device，來測試當畫面小於 480 px 或大於 768 px 時，呈現的版面是否有亂掉，公司也花費許多成本來測試，現在不需要這樣了，我們可以透過線上 Tool 或者是 Plugin 來測試 Responsive Web Page，首先來介紹 Viewport resizer，此工具用法很簡單，進入官網後，將官網 Javascript 連結加入到我的最愛或 bookmarks，之後打開您的測試網站，再點選該 bookmark，你會發現網站上面多了一條 tool bar，可以自訂或調整 view size，預設也給了平板手機等多種畫面調整，讓您測試 Media Queries 是否有錯誤。

另外一套 Tool 比較強大，那就是 Google Extension: Responsive Inspector (beta) released!，不過就是限制在 Google Chrome 瀏覽器才可以安裝，此擴充工具，還可以直接對應到 CSS Media Queries 位置，以及將自訂大小畫面存成圖檔並且上傳到 Server。底下是介紹影片

Related View

by appleboy at 3:21 AM under browser , chrome , css , google , google extension , responsive design , www (Comments)
四月 12, 2013

小惡魔AppleBOY
AppleBOY
小惡魔 - 電腦技術 - 工作筆記 - AppleBOY is about »

tag cloud

» [小技巧] JavaScript Cross Browser Best Practices

ie-logo-smallie-logo-small

先前寫了一篇 modern.IE 的使用方式及介紹，今天在 Facebook 上看到 Eric Shangkuan 說已經有了中文介面，如果你的瀏覽器是中文版，應該就可以直接看到中文介面了，裡面有篇文章非常重要，寫 Web 的工程師都必須注意，那就是 Cross Browser Best Practices，這篇文章教您如何撰寫相容於舊版 IE 瀏覽器的一些小技巧，這些技巧也不只用在 IE 上，更是教您在實做 CSS，JavaScript 的注意事項。我們來看看 Javascript 的小技巧。

不要再使用 navigator.userAgent

為了知道使用者 Browser 資訊，之前有寫篇 jQuery 偵測瀏覽器版本, 作業系統(OS detection)，內容使用 navigator.userAgent 來取得使用者瀏覽器及裝置資訊，開發者為了 IE 各版本的相容，所以透過此方式來知道 IE 各版本，進而在 JS 做處理，但是有時候並不是這麼準確，因為目前市面上裝置實在是太多種了，手機，平板，電視一堆等等，為了支援各種裝置，請不要再用 navigator.userAgent 來判斷了，現在取而代之的就是用 Modernizr，用來偵測您的 Browser 有無任何您所想要的功能，像是 Html5 的 Canvas，利用 Modernizr 來判斷是否支援，這時候各種裝置就不會因為 JS 沒有判斷到而產生錯誤 ，尤其是在電視介面或 Android 平板，踩到很多雷阿。詳細資訊可以參考此連結。

簡單來說 Canvas 在 IE9 才有支援，所以針對 IE 部份，我們使用 navigator.userAgent 來判斷

<script type="text/javascript">
    function getInternetExplorerVersion()
    // Returns the version of Internet Explorer or a -1 for other browsers.
    {
        var rv = -1;
        if(navigator.appName == 'Microsoft Internet Explorer')
        {
            var ua = navigator.userAgent;
            varre    = newRegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if(re.exec(ua) != null)
            rv = parseFloat( RegExp.$1 );
        }
        return rv;
    }
    function onLoad()
    {
        var version = GetInternetExplorerVersion()
        if (version < 9 && version > -1)
        {
            // Code to run in Internet Explorer 9 or earlier.
        }
    }
</script>

但是如果遇到 Safari, Chrome, Android, IPad, IPhone 版本呢，也很好解決，就是一直些判斷式，那為什麼不換個角度去想，直接判斷有無 Cnavas 功能即可，透過 Modernizr 套件可以簡單做到。另外 jQuery 在 1.9 版也直接捨棄了 jQuery.browser API 功能，取而代之的也是推薦 Modernizr。

if (Modernizr.canvas) {
  console.info('Your browser support canvas');
}

在 document ready 內不要執行大量 script

現在大部分的網站缺少不了的就是 jQuery，jQuery 提供了 $(document).ready() 在 html load 完成後可以快速執行 JavaScript，在大多的狀況下都可以正確執行的，但是如果在 $(document).ready() 寫入大量及複雜的 Script，只會讓瀏覽器呆滯而不能使用，所以盡可能減少執行的程式碼，等到使用者真正要執行功能的時候在進行呼叫即可。通常像是 tooltip 或 dialog 可以延遲等到要出現的時候在初始化即可。

簡單舉個例子，在 form 表單大家常用的 jQuery Plugin datepicker，通常初始化會透過底下方式來寫:

$(document).ready( function() {
    $("input.date").datepicker({
        minDate: moment().subtract( "months", 1 ).toDate(),
        maxDate: moment().add( "months", 1 ).toDate(),
        dateFormat: "d M, y",
        constrainInput: true,
        beforeShowDay: $.datepicker.noWeekends
    });
});

用這缺點就是當 html 完成載入後，jQuery 會開始找 input 並且符合 class 為 date 的 元件，這會 delay 使用者正常使用網頁，比較好的解決方式就是 bind 在 input 的 focus 事件上。

$(document).on( "focus", "input.date:not(.hasDatepicker)", function() {
    $(this).datepicker({
        minDate: moment().subtract( "months", 1 ).toDate(),
        maxDate: moment().add( "months", 1 ).toDate(),
        dateFormat: "d M, y",
        constrainInput: true,
        beforeShowDay: $.datepicker.noWeekends
    });
});

此寫法有另外的優點就是當如果有建立新的 input.date 元件，可以動態初始化元件。初始過的元件，我們就動態增加 hasDatepicker class 來判斷是否已經初始化。

網頁開始先優先執行 AJAX

由於執行 AJAX 需要一段時間，所以請在 html load 之前就開始執行，並不需要等到 $(document).ready() 後才執行，另外在 AJAX 完成執行後的 Complete function 加入 $(document).ready() 函式確保 html 已載入完成。

延遲載入 social button(Facebook Like, Google +1, Twitter)

現在大多網站都有一大堆分享機制（social networks），像是 Facebook Like、Twitter 等等，但是這些 JS 的載入，都大大影響到網頁的載入時間，其實最主要的解決方式就是務必思考哪些頁面才需要這些 button，能減少載入外部 JS 就是提昇網頁載入速度，在以前載入外部 JS 的作法就是底下

<script>
(function(d, s) {
  var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
    if (d.getElementById(id)) {return;}
    js = d.createElement(s); js.src = url; js.id = id;
    fjs.parentNode.insertBefore(js, fjs);
  };
  load('//connect.facebook.net/en_US/all.js#appId=272697932759946&xfbml=1', 'fbjssdk');
  load('http://apis.google.com/js/plusone.js', 'gplus1js');
  load('//platform.twitter.com/widgets.js', 'tweetjs');
}(document, 'script'));
</script>

現在請改寫成底下

<script>
(function(w, d, s) {
  function go(){
    var js, fjs = d.getElementsByTagName(s)[0], load = function(url, id) {
      if (d.getElementById(id)) {return;}
      js = d.createElement(s); js.src = url; js.id = id;
      fjs.parentNode.insertBefore(js, fjs);
    };
    load('//connect.facebook.net/en_US/all.js#appId=272697932759946&xfbml=1', 'fbjssdk');
    load('http://apis.google.com/js/plusone.js', 'gplus1js');
    load('//platform.twitter.com/widgets.js', 'tweetjs');
  }
  if (w.addEventListener) { w.addEventListener("load", go, false); }
  else if (w.attachEvent) { w.attachEvent("onload",go); }
}(window, document, 'script'));
</script>

由於各瀏覽器相容問題，所以判斷是否支援 addEventListener 或 attachEvent，在 onload 後才開始執行。更多詳細內容可以參考 requesting these scripts

Related View

by appleboy at 2:50 AM under ajax , browser , chrome , firefox , ie , javascript , javascrpt , jquery , modern.ie (Comments)
二月 4, 2013

小惡魔AppleBOY
AppleBOY
小惡魔 - 電腦技術 - 工作筆記 - AppleBOY is about »

tag cloud

» 使用不同 IE 版本測試網站

ie-logo-smallie-logo-small

大家還在為了測試不同 IE 版本而安裝虛擬機器 VirtulBox 或 VMware 嗎？現在不必這麼麻煩了，可以到 modern.IE 直接測試 IE6/7/8/9/10 任何版本，或者是檢查網頁相容性以及 coding practices。

Scan your page

輸入網站 URL 直接開始測試，測試項目其實蠻多的，包含偵測網站使用的 Framework，像是 jQuery、Modernizr 版本，如果太舊，會跟您回報提示目前最新版本號碼，另外為了相容各 IE 版本，請使用 Standards Mode，也就是在 html 頁面使用 <!DOCTYPE html>，還有檢查是否使用 Responsive web design，就是偵測 media queries。其實測試結果裡面有很多相關連結，有空都可以看看，都蠻不錯的。

Virtual tool

為了測試不同 IE 版本，大家安裝了許多機器，就是要偵測相容性，現在不必這麼麻煩了，請到 BrowserStack.com 註冊新帳號，並且安裝 Firefox Addon 或 Chrome Plugin，安裝完成就可以直接選擇您要測試的 IE 版本，瀏覽器就會連上 Cloud based services 顯示各 IE 版本的結果，並且還有模擬滑鼠喔。

最後為了解決這些相容性問題，請務必調整專案的 Coding Standard，先閱讀 20 tips for building modern sites while supporting old versions of IE，按照此篇文章來開發新專案，像是使用 HTML5 Boilerplate，用 IE Compat Inspector，在 IE 瀏覽器上按 F12 debug，或使用 Firebug Lite，另外可以使用線上工具來幫助偵測網站相容性，像是 HTML validators, CSS validators, Uglify, and JSHint, or GruntJS 等。更多詳細資訊可以參考上述連結。

Related View

by appleboy at 3:15 AM under browser , chrome , firefox , ie (Comments)
一月 6, 2012

楚楚「凍仁」的 Ubuntu 筆記
jonnyubuntu
is about »

tag cloud

» 自訂 Vimium 快捷鍵(keymap)

Vimium 一直都是凍仁在Google 瀏覽器中使用的 Vim-like 的套件，一直以來凍仁都覺得 Vimium 還不及 Vimperator 與 Pentadactyl 成熟，直到今天凍仁才得知其實它早就支援自訂熱鍵，相信 Vimium 會慢慢追上 Vimperator 的腳步的。

裝 Vimium 後進入選項設定。
點選進階選項(Advanced options)。

於 Key mappings 輸入自訂語法。

以下是凍仁的 Vimium 設定，當然都是參照 Vimperator 的慣性。
# d：關閉分頁，預設為 x。
map d removeTab

# u：還原分頁，預設為 X。
map u restoreTab

# J：整頁向下捲動。
map J scrollFullPageDown

# K：整頁向上捲動。
map K scrollFullPageUp

# Alt + j, J：切換至下個分頁，預設為 gt。
map <a-j> nextTab
map <a-J> nextTab

# Alt + k, K：回到上個分頁，預設為 gT。
map <a-k> previousTab
map <a-K> previousTab

延伸閱讀：
★philc/vimium - GitHub

資料來源：
★Vimium - Chrome 線上應用程式商店
★Vimium - the hacker's browser
★小修改，讓 Vimium 相容 Vimperator 的熱鍵慣性 | 堆填區
★使用 Chrome 的 Vimium 插件

by 凍仁 at 4:36 PM under browsers | 瀏覽器 , chrome , vim
十二月 20, 2011

楚楚「凍仁」的 Ubuntu 筆記
jonnyubuntu
is about »

tag cloud

» Evil 的 Google 與消失的字典 (1)

凍仁的英文都不是很好，所以一直以來都是透過 Firefox 的自訂搜尋小技巧以及 Pentadactyl 搭配 Google 字典來達到快速搜尋單字的部份，但今日凍仁就永遠失去它了 (迷之音：失去它了失去它了失去它了..)

Google 不再提供的「Google 字典」服務

經過幾位長輩的提示，在這個過渡期大概可以以下幾個替代方案。

1. 使用 Google 搜尋時加上 what is 參數

直接於 Google 首頁輸入 wha tis + 單字

雖然有更多..

但並沒有多多少..

2. 使用 iGoogle 的 Google 翻譯/字典」小工具


iGoogle：在您的 Google 首頁顯示「Google 翻譯/字典」

很接近了，但少了發音以還也很多很...

3. 使用 Chrome 的外掛 - Google Dictionary

Google Dictionary (by Google) - Chrome Web Store

換湯不換藥。

網路上抓來的原 Google 字典截圖。

以上可以很明顯的比較出這些備案都沒有原本的服務好用，也沒有原本的直覺。

延伸閱讀：
★Evil 的 Google 與消失的字典 (2)

相關連結：
★Google Dictionary 又關閉! - 其他 Google 產品說明

by 凍仁 at 4:08 PM under chrome , evil , google
四月 27, 2011

keenhenry1109
keenhenry1109
Photogra :: phracker is about »

tag cloud

» Chrome Browser Linux shortcuts

Linux shortcuts

Speed up your life with chrome browser.

by keenhenry at 1:43 AM under chrome , shorcuts , tips , web browser
十月 29, 2010

楚楚「凍仁」的 Ubuntu 筆記
jonnyubuntu
is about »

tag cloud

» Google Chrome 字型優化

Google 瀏覽器 (Chrome) 現在都會是凍仁的副手，主要還是用 Firefox，畢竟 Vimperator 這個模擬 vim 的附加套件真的適合凍仁使用！雖說 Chrome 家也有 Vimium 但凍仁還是感覺不太順手。

Google Chrome 是套很棒的瀏覽器，不過凍仁除了另外裝些附加套件以外，還會更改字型樣式及大小，這樣在大大的螢幕上閱讀起來會舒適許多。

修改預設字型

點選右上角的工具(Tools)圖示，並點選選項(Options)。

於 Under the Hood 點選 Chang font and language settings。

更改字型，編碼(Encoding)凍仁習慣用 UTF-8。

改變最小字型大小

在 Firefox 的 Preferences (選項) → 內容 內預設就有 Advance (進階) 的項目可以修改字型以及 Minimun font size (最小字體)，不過 Chrome 的部份就得手動修改設定檔，而且還得先修改預設字型之後才會動。

Firefox 的字型設定介面。

 Operating System Address
 GNU/Linux  $HOME/.config/google-chrome/Default/Preferences
 Mac OSX  $HOME/Library/Application Support/Google/Chrome/Default/Preferences
 WinXP  %USERPROFILE%\Local Settings\Application Data\Google\Chrome\User Data\Default\Preferences
 Vista/Win7  %LOCALAPPDATA%\Google\Chrome\User Data\Default\Preferences
# 此處皆以 Google 官方維護之 Chrome 為範例，Chromium 路徑有些許差異。

jonny@lucid:~$ vi $HOME/.config/google-chrome/Default/Preferences
...

# 新增 minimun 兩行 code
"webkit": {
  "webprefs": {
   "default_fixed_font_size": 20,
   "default_font_size": 20,
   "fixed_font_family": "LiHeiPro",
   "minimum_font_size": 17,
   "minimum_logical_font_siz": 17,
   "sansserif_font_family": "LiHeiPro",
   "serif_font_family": "LiHeiPro"
  }
}

使用 Stylish 附加套件微調字型

以上完成後還會發現部份等寬字(Fixed width)還套用著預設的設定，這時候可以至 Google Chrome extension gallery 安裝 Stylish 附加套件。

開啟附加套件清單。

於 Options 設定 Stylish。

新增字型設定。

將下方的 code 貼至 Code 欄位內，並記得把 Enabled 打勾。
div {
  font-family:'LiHei Pro', 'Monaco';
  background-color: transparent;
}

設定完畢，開始美美的 Chrome 之路！


相關連結：
★凍仁的 Ubuntu 筆記: Monaco + LiHei 字型優化 on Ubuntu 10.04
★凍仁的 Ubuntu 筆記: Google Chrome on Linux

by 凍仁 at 2:36 PM under browsers | 瀏覽器 , chrome , fonts | 字型 , themes | 佈景美化
十月 25, 2010

楚楚「凍仁」的 Ubuntu 筆記
jonnyubuntu
is about »

tag cloud

» Can't find MMSH codeces for Chrome on Ubuntu

還記得以前凍仁都用 hinedo 在收聽網路廣播，隨著 hinet 改版，變成 IE Only 以後就好一陣子沒得聽了。

很高興聽到 FourDollars 前輩接手維護 Internet Radio 的消息，並幫 Google Chrome 撰寫了 Taiwan Radio Tuner 套件，這樣不管在哪個平台都很方便，只不過少裝了對應的編碼也是無用武之地，一般 Ubuntu 會自動搜尋，但也不是每次都管用。

新增套件來源。

jonny@maverick:~$ sudo vi /etc/apt/sources.list
....
deb http://packages.medibuntu.org/ maverick non-free free # Media Code

新增認證金鑰。
jonny@maverick:~$ apt-key adv --recv-keys --keyserver wwwkeys.eu.pgp.net 0C5A2783

安裝非自由的解碼引擎。
jonny@lucid:~$ sudo aptitude install non-free-codecs
# 對某些國家而言，這可能會有觸法的行為。

現在可以繼續收聽 Internet Radio，但就是少了 ICRT，殘念..

資料來源：
★[ubuntu] Can't find MMS or MMSH plugins for Ubuntu/Firefox - Ubuntu Forums

by 凍仁 at 10:56 AM under browsers | 瀏覽器 , chrome , codecs | 解碼引擎 , desktop | 桌面 , multimedia | 多媒體
五月 23, 2010

楚楚「凍仁」的 Ubuntu 筆記
jonnyubuntu
is about »

tag cloud

» Google Chrome on Linux

凍仁現在裝機都一定會把 Google 瀏覽器裝起來，畢竟 Plurk、Facebook 這種帶有即時通訊的微網誌都蠻耗資源的。

之前凍仁都是裝 Chromium (Chrome 的開發/測試版本)，在原本 Google Chrome 下載頁面就可以下載 for linux 的版本。

Google 瀏覽器 4.0.249.43 with GTK themes

IInstall Google Chrome by dpkg

點選下載 Google 瀏覽器(測試版)


依 Linux 發行版本下載對應的套件


安裝 Google Chrome
jonny@ubuntu:~$ sudo dpkg -i google-chrome-beta_current_i386.deb

jonny@centos:~$ sudo rpm -i google-chrome-beta_current_i386.rpm

IInstall Google Chrome by apt

下載並匯入認證金鑰
jonny@ubuntu:~$ wget -q -O - https://dl-ssl.google.com/linux/linux_signing_key.pub | sudo apt-key add -
apt-get update


加入 Google Linux Software Repository 的 sources for deb
jonny@ubuntu:~$ sudo vi /etc/apt/sources.lst
...
# Google software repository
deb http://dl.google.com/linux/deb/ stable non-free main


安裝 Chrome
jonny@ubuntu:~$ sudo apt-get update
jonny@ubuntu:~$ sudo apt-get install google-chrome-beta

IInstall Google Chrome by zypper


加入 Google Linux Software Repository 的 sources for rpm
jonny@suse:~> sudo zypper ar -t YUM http://dl.google.com/linux/rpm/stable/i386 google


安裝 Chrome
jonny@suse:~> sudo zypper in google-chrome-unstable


★ 穩定度比較：beta(測試版) > unstable(不穩定版) > Daily Builds(每日建置版)

相關連結：
★PPA for Ubuntu Chromium - Dev Channel
★PPA for Ubuntu Chromium - Beta Channel
★PPA for Ubuntu Chromium - Daily Builds
★Linux Software Repositories

by 凍仁 at 2:37 AM under centos , chrome , desktop | 桌面 , google , linux , ubuntu
二月 3, 2010

小惡魔AppleBOY
AppleBOY
小惡魔 - 電腦技術 - 工作筆記 - AppleBOY is about »

tag cloud

» Google Chrome 支援超過 40,000 Extensions! with Greasemonkey

看到 Google Chrome Blog 發表的Google Chrome 支援超過 40,000 Extensions!，當 Google Chrome 瀏覽器剛出來的時候，造成 Web Developer 一些震撼，因為 Chrome 強調的是擁有快速的 Javascript 引擎，以及快速的啟動，Fast start-up、Fast loading、Fast search，也因此讓很多設計網站的工程師必須把 Chrome 的支援性考慮進去，但是由於剛推出的瀏覽器，沒有任何外掛功能，我本身用 FireFox 瀏覽器很多年了，FireFox 的附加元件讓許多程式設計師投入開發，也製造出很多方便的附加元件來讓大家使用，例如：FireBug、Gmail Manager、Greasemonkey…，然而 FireFox 最方便的就是 Greasemonkey 此附加元件，使用者可以撰寫簡單 Javascript 語言來跟指定網站進行元件控制，現在 Google 工程師聽到我們的聲音了，Google Chrome 4 加入 Greasemonkey user scripts 功能，大家可以到 userscripts.org 下載超過 40,000 script 安裝到 Chrome 瀏覽器。您可以在 blogger 使用 emoticons，大家可以去參考看看。

由於 Chrome 支援了 Greasemonkey，所以趕快把 FireFox 所安裝的 script，也安裝到 Chrome，可是我發現之前 DarkKiller 大神寫的 Wretch Album Expander 已經不能用了，所以我將它實做到 Chrome，可以從這裡下載安裝：Wretch Album Expander for Google Chrome or FireFox，平時自己偶而會看看無名小站，所以也是方便自己觀看照片，此 script 也可以安裝在 FireFox 喔。這樣大家就不用再看圖片還要一張一張慢慢點，只要負責按換頁就可以了 ^^。

來測試看看，隨便找一本無名相簿：馬甲‧小葵 ，畫面：點我觀看

Related View

by appleboy at 3:33 PM under blog , chrome , google , javascript , www (Comments)
十一月 18, 2009

楚楚「凍仁」的 Ubuntu 筆記
jonnyubuntu
is about »

tag cloud

» Browser for Ubuntu 9.04

凍仁趁著這次放假將 Notebook Joybook S52 重灌成 Ubuntu 9.04 啦，整理感覺快了不少，新的 ext4 的部份等哪天兵當完了再來研究，現在就讓凍仁先玩一下 browser。

Ubuntu 9.04 多了個 Google Chrome 之後就整個感覺方便不少，之前只用 Firefox，偏偏又灌了不少的套件，找資料或者臨時要開個網頁都會 load 很久，不過 3.5 真的比之前快很多啦，所以混著用就對了。

Install the Mozilla Firefox 3.5

加入 Firefox 軟體來源 @Launchpad

jonny@ubuntu:~$ sudo su -

root@ubuntu:~# echo # Mozilla Firefox

root@ubuntu:~# echo ‘deb http://ppa.launchpad.net/ubuntu-mozilla-daily/ppa/ubuntu jaunty main’ >> /etc/apt/sources.list

root@ubuntu:~# echo ‘deb-src http://ppa.launchpad.net/ubuntu-mozilla-daily/ppa/ubuntu jaunty main’ >> /etc/apt/sources.list

加入 Launchpad PPA GPG 金鑰(key)
jonny@ubuntu:~$ sudo gpg --keyserver keyserver.ubuntu.com --recv 247510BE #download the GPG key

jonny@ubuntu:~$ sudo gpg --export --armor 247510BE | sudo apt-key add - #import GPG key

安裝 Firefox 3.5。
jonny@ubuntu:~$ sudo apt-get install firefox-3.5

下載中文語系包：用 Firefox 開啟此連結即可，若不中文化請跳過。
http://releases.mozilla.org/pub/mozilla.org/firefox/releases/3.5/linux-i686/xpi/zh-TW.xpi

開啟 Firefox 3.5。
應用程式 → 網際網路 → Shiretoko Web Browser

將 Firefox 3.5 設定為預設瀏覽器。
jonny@ubuntu:~$ cd /usr/bin/; ln -fs firefox-3.5 firefox


Install the Google Chromium (Chrome beta) - apt

加入 Chromium 軟體來源 @ Launchpad
jonny@ubuntu:~$ sudo su -

root@ubuntu:~# echo # Google Chrome

root@ubuntu:~# echo 'deb http://ppa.launchpad.net/chromium-daily/ppa/ubuntu jaunty main' >> /etc/apt/sources.list

root@ubuntu:~# echo 'deb-src http://ppa.launchpad.net/chromium-daily/ppa/ubuntu jaunty main' >> /etc/apt/sources.list

加入 Launchpad PPA GPG 金鑰(key)
jonny@ubuntu:~$ sudo gpg --keyserver keyserver.ubuntu.com --recv 4E5E17B5 #download the GPG key

jonny@ubuntu:~$ sudo gpg --export --armor 4E5E17B5 | sudo apt-key add - #import GPG key

安裝 Chromium
jonny@ubuntu:~$ sudo apt-get install chromium-browser


Install the CrossOver Chromium - dpkg

下載 Crossover 安裝檔(.deb)
/* CrossOver Chromium = Chromeium + Wine */
jonny@ubuntu:~$ wget http://media.codeweavers.com/pub/crossover/chromium/cxchromium_0.9.0-1_i386.deb # for 32 bit

jonny@ubuntu:~$ wget http://media.codeweavers.com/pub/crossover/chromium/ia32-cxchromium_0.9.0-1_amd64.deb # for 64 bit<

安裝 CrossOver Chromium
jonny@ubuntu:~$ sudo dpkg -i FileName.deb


Install the Google Chrome - dpkg

至 Chromium Beta or Dev channel updates 下載安裝檔(.deb)
  1. google-chrome-unstable_current_i386.deb //for 32 bit
  2. google-chrome-unstable_current_amd64.deb //for 64 bit

安裝 Chrome
jonny@ubuntu:~$ sudo dpkg -i FileName.deb


設定佈景主題應用程式 → 網際網路 → Google Chrome


使用 GTK+ 主題
Chrome browser → 自訂 → Personal Stuff → Set GTK+ theme

資料來源：
★Ubuntu 9.04(Jaunty Jackalope) 安裝 Firefox 3.5 by Tsung

★Howto: Install Google Chrome On Ubuntu by ubuntu-unleashed

★Google Chrome Beta or Dev channel updates by Chromium Developer Documentation

by 凍仁翔 at 11:51 PM under chrome , desktop | 桌面 , firefox , linux , themes | 佈景美化 , ubuntu
十月 13, 2009

Yuren's Info Area
yurinfore
is about »

tag cloud

» 從 Chome 開發網站下載到的 Google Chrome OS?

這算是八卦吧。



solidot 的一篇文章指出 Google Chrome 的開發網站 chromium 目前可以下載到客制化版本的 Google Chrome，網址為：
http://build.chromium.org/buildbot/snapshots/chromium-rel-linux-chromeos/28808/


看檔名感覺起來好像是跟 chrome OS 相關的東西。下載之後執行起來的結果跟一般的 chrome 差不多，不過多了幾個東西。根據以下的不同，我想可以合理的懷疑這是 Google Chome OS 之後會採用的客制化 chrome browser。


首先，左邊多了一個登入 .google.com 的 tab。
screen_chromeos

右上角多了時間
screen_chromeos_date

電池
screen_chromeos_battery

網路
screen_chromeos_network

選項裏面則可以調整 touchpad
Screenshot-Google 瀏覽器 選項

by Yuren Ju at 8:19 PM under chrome , google chrome os
八月 13, 2009

Yuren's Info Area
yurinfore
is about »

tag cloud

» Google Chrome Browser 整合 window manager title bar...

今天早上，突然發現我的 google chrome browser 的 window title 被整合進去了！

Google Chrome 整合 window title

這個在 Windows 版本上剛開始就有的功能，終於也在 Linux 版本上面提供。這樣在閱讀上省了一些空間 :P

版本是 3.0.197.11。

by Yuren Ju at 10:48 AM under browser , chrome , google
A Feedjack powered Planet
• A Django site. •
• •