Tofu » Opera https://tofu.im/blog Tofu is the best food all around the world! Sun, 29 Apr 2012 07:58:31 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 Opera snapshots checker v3 https://tofu.im/blog/2011/09/27/opera-snapshots-checker-v3/ https://tofu.im/blog/2011/09/27/opera-snapshots-checker-v3/#comments Tue, 27 Sep 2011 00:08:29 +0000 Csineneo http://tofu.im/blog/?p=1361 以前寫的 checker 都是 php 的，早起無事，折騰下，用 shell 重寫個。

  1. #! /bin/bash
  2.  
  3. url=http://snapshot.opera.com/windows/latest
  4. dir=/ls.tl/check
  5.  
  6. win=`curl -s -I $url | grep Location | awk 'BEGIN{ORS=""} {print $2}' | tr -d '\r'`
  7. #eval `echo $win | awk -F '[-|_|/]' '{print "codename="$5, "ver="$6, "build="$7 }'`
  8. eval `echo $win | awk -F '[-|.]' '{ print "ver="$(NF-3)"."$(NF-2), "build="$(NF-1) }'`
  9.  
  10. if [ ! -f $dir/build ]
  11. then
  12.     echo 0 > $dir/build
  13. fi
  14.  
  15. if [ $build != `cat $dir/build | awk 'BEGIN{ORS=""} {print $0}'` ]
  16. then
  17.     echo -n $build > $dir/build
  18.  
  19.     mac=`echo $win | awk 'BEGIN{ORS=""} {sub(/windows/, "mac"); sub(/exe/, "dmg"); print $0}'`
  20.     unix=`echo $win | awk 'BEGIN{ORS=""} {sub(/windows/, "unix"); sub(/Opera.*$/, ""); print $0}'`
  21.  
  22.     echo -n '<h2>Opera '$ver' build '$build'</h2><ul><li><a href="'$win'">Windows</a></li><li><a href="'$mac'">Macintosh</a></li><li><a href="'$unix'">Linux/FreeBSD</a></li></ul>' > index.html
  23.  
  24.     echo -n -e $win"\n"$mac > $dir/dllist
  25.     wget -q -N -P $dir/builds/ -i $dir/dllist
  26.  
  27.     date +%s > $dir/timestamp
  28.     echo -n 1 > $dir/update
  29. else
  30.     date +%s > $dir/timestamp
  31.     echo -n 0 > $dir/update
  32. fi

嗯嗯，只有 php 的三分之一長

—
update – 2011.09.29
1076 更新时 codename 与 ver 之间插入了 “opera”，考虑到以后还会再有变化的可能性，改为从文件名中匹配版本号

  1. eval `echo $win | awk -F '[-|_|/]' '{print "codename="$5, "ver="$6, "build="$7 }'`

改为

  1. eval `echo $win | awk -F '[-|.]' '{ print "ver="$(NF-3)"."$(NF-2), "build="$(NF-1) }'`
]]> https://tofu.im/blog/2011/09/27/opera-snapshots-checker-v3/feed/ 3 貓在叫春，風在吼 https://tofu.im/blog/2011/04/01/%e8%b2%93%e5%9c%a8%e5%8f%ab%e6%98%a5%ef%bc%8c%e9%a2%a8%e5%9c%a8%e5%90%bc/ https://tofu.im/blog/2011/04/01/%e8%b2%93%e5%9c%a8%e5%8f%ab%e6%98%a5%ef%bc%8c%e9%a2%a8%e5%9c%a8%e5%90%bc/#comments Thu, 31 Mar 2011 19:42:34 +0000 Csineneo http://blog.csineneo.com/?p=972 多可愛的爲嘛叫春的聲音那麼悽慘哪 =.=!

無聊，小更新了下 check.csineneo.com

  • 之前爲了省事在訪問時才去抓頁面，響應時間倒是其次，倘若用的人多了，掛着不停的刷，萬一哪天被封掉就不好了 =.=! 現在把抓取頁面的動作獨立出來掛在後台，三分鐘取一次數據。
  • 棄了 ereg()，改用 preg_match() 來做匹配
  • 輸出和先前沒啥改動，多加了個最後更新時間

風很大，睡覺 =.=!

]]> https://tofu.im/blog/2011/04/01/%e8%b2%93%e5%9c%a8%e5%8f%ab%e6%98%a5%ef%bc%8c%e9%a2%a8%e5%9c%a8%e5%90%bc/feed/ 3 新風格 https://tofu.im/blog/2011/03/29/%e6%96%b0%e9%a2%a8%e6%a0%bc/ https://tofu.im/blog/2011/03/29/%e6%96%b0%e9%a2%a8%e6%a0%bc/#comments Mon, 28 Mar 2011 22:55:34 +0000 Csineneo http://blog.csineneo.com/?p=947 移植自 opera internal pages，用了 CSS3 border-image，推薦使用 Opera 11.10 Beta 或更新版本瀏覽。

習慣了在 linux 下 cp xxx/ yyy/ -r，在 Mac 下非得把參數緊跟命令 cp -r xxx/ yyy/，怨念 =.=!

]]> https://tofu.im/blog/2011/03/29/%e6%96%b0%e9%a2%a8%e6%a0%bc/feed/ 3 Running multiple Opera/instances on Mac https://tofu.im/blog/2011/03/29/running-multiple-operainstances-on-mac/ https://tofu.im/blog/2011/03/29/running-multiple-operainstances-on-mac/#comments Mon, 28 Mar 2011 18:16:20 +0000 Csineneo http://blog.csineneo.com/?p=939 作為一名 QA，同時運行多個版本／實例是必須的。

注意：以下說明僅適用於 Opera 11.01 及更新版本。

Opera for Mac 沒有 Windows 安裝包那樣的圖形界面來選擇安裝方式，一切均在終端中進行

1， 單用戶模式

加參數 -csp 啓動，csp 是 create single profile 的縮寫

  • 如果在主引導設備上運行，則在 ~/ 創建配置文件夾 .operaprofile
  • 如果在其他設備上運行，則在卷的根目錄下創建 .operaprofile，其中包括緩存

示例：

  1. ./Opera.app/Contents/MacOS/Opera -csp

此命令生成的配置文件夾為 ~/.operaprofile/

2，同時安裝多個版本

重命名 Opera.app 為 Opera suffix.app 後加參數 -csp 啓動
Opera 會創建一個名為 .operaprofile suffix 的配置文件夾
注意：重命名後的文件名中 Opera 與 suffix 間的空格可以省略，但在生成的配置文件夾名中 Opera 與 suffix 間仍然保留空格，即 “.operaprofile+空格+suffix”
示例：

  1. ./Opera2064.app/Contents/MacOS/Opera -csp

此命令生成的配置文件夾為 ~/.operaprofile\ 2064/

注：

  • 單用戶模式下應當將下列位置加入 Time Machine 和 Spotlight 的黑名單里
    1. ~/.operaprofile/application_cache/
    2. ~/.operaprofile/cache/
  • -csp 參數僅用於創建配置文件夾，僅需運行一次

3，運行同一版本的多個實例

加參數 -ps suffix 啓動， ps 是 per session 的縮寫
示例：

  1. ./Opera2064.app/Contents/MacOS/Opera -ps 2064

以此命令啓動 Opera 將使用如下位置：

  1. ~/Library/Application Support/Opera\ suffix/
  2. ~/Library/Caches/Opera\ suffix/
  3. ~/Library/Preferences/Opera\ Preferences\ suffix/

注：

  • -ps suffix 啓動的 Opera 以多用戶模式運行
  • Opera 11.10 Beta 默認使用 Next 作為 suffix
]]> https://tofu.im/blog/2011/03/29/running-multiple-operainstances-on-mac/feed/ 2 Three finger swipe gesture in Opera https://tofu.im/blog/2011/03/25/three-finger-swipe-gesture-in-opera/ https://tofu.im/blog/2011/03/25/three-finger-swipe-gesture-in-opera/#comments Fri, 25 Mar 2011 06:44:26 +0000 Csineneo http://blog.csineneo.com/?p=932 Opera for Mac 中定義 finger swipe 手勢是在 keyboard.ini 中，而非 mouse.ini，這一無法理解的行爲讓我浪費了大把時間 =.=!

  1. Platform Mac, SwipeUp=Page up
  2. Platform Mac, SwipeDown=Page down
  3. Platform Mac, SwipeLeft=Back
  4. Platform Mac, SwipeRight=Forward | Fast forward, 0

Opera for Mac 對於原生手勢的支持是通過雙指按下來激活的，極其不便，研究了下沒搞定雙指 swipe，三指 swipe 倒是可以實現部分功能，比如 Lock page | Unlock page，New Page，Mark and select next unread 等命令，而最需要的 Open link in background 卻是無法實現，怨念 =.=!

怨念之二是直接從 win 下同步過來的 keyboard.ini 與 Mac 系統快捷有部分衝突，有空了還是重新來過好了 =.=!

怨念之三是和 Mac 自帶輸入法有些小衝突，候選詞列出現的時候按 Command+W 即崩潰 =.=!

不過欣喜的是 Opera for Mac 看起來沒有使用 Vega 繪製窗口，截屏、取詞啥的全無問題，猶如回到了 9.x。

]]> https://tofu.im/blog/2011/03/25/three-finger-swipe-gesture-in-opera/feed/ 2 Speed Dial 2.0 https://tofu.im/blog/2011/03/18/speed-dial-20/ https://tofu.im/blog/2011/03/18/speed-dial-20/#comments Thu, 17 Mar 2011 20:26:53 +0000 Csineneo http://blog.csineneo.com/?p=854 今天發了 Opera 11.10 Beta，快速撥號更新到 2.0，引入流佈局，優化縮略圖，增加動畫特效等，其實這些只能算完成了一半的快撥 2.0，是實現另一半的基礎。對 Opera 來說，版本號的躍進總是伴隨著功能的增加。

快速撥號 2.0

  • 新的快撥配置對話框

    新版快撥配置對話框與舊版基本相同，不過僅能設置列數，且按鈕位置移至快撥頁右上角。
    快撥配置對話框

  • 新的快撥添加/編輯對話框

    新版快撥添加/編輯對話框將 URL 輸入框移至頂部，且增加標題輸入框，支持自定義快撥標題。
    添加/編輯對話框

  • 支持無限多快撥

    快撥 2.0 引入流佈局概念，理論上支持無限多快撥，但實際上過多的快撥會造成啟動緩慢，14250 個最簡單頁面的快撥帶來的啟動時間近兩小時。
    舊版的“行x列”設置已經取消，取而代之的是有限的列數和無限的行數。
    窗口寬度越大，默認顯示的快撥列數越多。可在快撥配置對話框中設置列數，亦可通過調整頁面縮放比列調整列數。
    需要注意的是，即便當前窗口寬度無法顯示所有列，Opera 也不會顯示橫向滾動條；而行數超出窗口時則會顯示縱向滾動條。

  • 支持在縮略圖中顯示動態內容

    支持動態內容是快撥 2.0 非常重要的改進之一，在此基礎上可以實現很多有趣的想法，不过看上去似乎还没有完全实现。
    这里有一个 Demo，缩略图每 10s 切换一次，切换四次后停止。

  • 支持拖曳動畫特效

    Vega 的性能現在已經非常不錯，10.50 還會加入硬件加速支持，介面特效會越來越多。
    快撥拖曳特效在平滑度上應當會有更多優化。

  • 支持縮放

    快撥的縮放和普通網頁縮放一樣，可以通過窗口右下角的縮放滑杆來調整，也可以用快捷鍵 +/-。遺憾的是縮放後縮略圖需要再次刷新，之後應當會有所改進才是。
    縮放比例保存在 opera:config#UserPrefs|SpeedDialZoomLevel，默認值 100，最小值 50。

  • 支持自定義縮略圖標題

    快撥 2.0 中自定義縮略圖標題不再像舊版那樣頭大，直接在快撥編輯對話框中修改即可。
    標題為空時自動抓取頁面 <title>，標題首尾空格會被移除，包括全角空格。
    標題最大長度默認為 2048 字節，可在 opera:config#UserPrefs|Maximumlengthoftitle 修改。

  • 支持服務器指定縮略圖

    Opera 會讀取 <link> 指定的圖標，後面會詳細說明。
    抓取的圖標大小默認最小值為 114x114px，可在 opera:config#UserPrefs|ThumbnailIconMinHeight / opera:config#UserPrefs|ThumbnailIconMinWidth 設置

  • 支持選取頁面 Logo 作為縮略圖

    這也是快撥 2.0 的亮點之一，相對於全頁面縮略圖我更偏好能夠一眼看到 Logo。當然，一些站點不能正確的定位 Logo 區域，這也是被詬病的原因之一 =.=!
    Opera 提供了一系列參數來設置頁面內不同元素的權值： opera:config#Thumbnail Logo Score
    以及尋找 Logo 的目標區域： opera:config#Thumbnail Logo Pos

  • 支持頁面指定本地縮略圖刷新間隔

    Opera 可通過讀取 <meta> 信息來設置縮略圖刷新間隔，單位為秒，如：
    <meta http-equiv="preview-refresh" content="3600" />
    服務器也可發送 HTTP Header 來指定：
    Preview-refresh: 3600

快撥 2.0 通過多種方式智能抓取縮略圖，各方式優先級如下

  1. HTTP Header

    快撥 2.0 會發送如下 HTTP Header 告訴服務器這是一次縮略圖請求：
    X-Purpose: preview
    服務器發現此 Header 後可返回指定頁面，Opera 使用此頁面生成縮略圖
    這裡有一個 Demo

  2. <link> 指定的大圖標

    Opera 將讀取以下值：
    <link rel="icon" type="image/x-icon" href="/logo.png" />

    <link rel="image_src" type="image/png" href="/logo.png" />
    如果同時有多個值，則使用較大的一個作為縮略圖；如果多張大圖大小一致，則使用第一張。
    這裡有一個 Demo
    注意：Opera 可能會將最後一個 rel=”icon” 指定的圖標作為 favicon，無論大小，這可能是一個 bug
    站點指定圖標作為縮略圖

  3. 頁面中的重要區域

    默認會在頁面頂部高 300px，寬 1200px 的區域內查找 Logo，Opera 會分析其中的圖片大小、文件名、鏈接、alt 值、title 值等信息
    usgs 是一個很好的例子
    usgs

  4. CSS view-mode:minimized

    關於 view-mode 請參看 W3C 文檔。
    這裡有一個 Demo

  5. 完整頁面

    沒什麼可說的，舊版縮略圖的生成方式

小技巧

  • 無視頁面通過 <link> 指定的圖標

    將 opera:config#Thumbnail Icon Min 設置為一個較大的數，比如 1200，即可。
    此設置定義最小圖標大小，設置一個大於一般圖標大小的數則可以將正常圖標作為“小圖標”忽略。

  • 總是生成完整頁面縮略圖

    在上條基礎上將 opera:config#Thumbnail Logo Size Min 設置為一個較大的數，比如 1200，即可。
    此設置定義最小 Logo 大小，設置一個大於頁面寬高的值則表示整個頁面即是 Logo。

  • 移除快撥最末“+”號按鈕

    將 opera:config#UserPrefs|SpeedDialState 改為 2 即可。
    此設置定義快撥狀態，1 表示正常，2 表示只讀，3 表示禁用。
    設置為 2 後無法添加/修改/刪除快撥，無法打開快撥配置對話框。

]]> https://tofu.im/blog/2011/03/18/speed-dial-20/feed/ 5 Welcome to the "Staff" mailing list https://tofu.im/blog/2010/12/11/welcome-to-the-staff-mailing-list/ https://tofu.im/blog/2010/12/11/welcome-to-the-staff-mailing-list/#comments Sat, 11 Dec 2010 04:31:40 +0000 Csineneo http://blog.csineneo.com/?p=797 這是我的 Opera 郵箱收到的第一封郵件的標籤，發自三年前的今天，也是我正式進入 Opera 實習的第一天。
寫了，刪了，三年時間讓我多了些許怨念，有了很多想法，如果有一天我離開 Opera，那時候再說吧。

三年時間，Opera Desktop 全球用戶增長了 150+% 中國增長了 150+%，俄羅斯增長了 325+%，全球市場份額從 1.11% 漲到 2.22%。
三年時間，Opera Mini 全球用戶增長了 100+%, 三年時間，My Opera 用戶數增長了 400+%

]]> https://tofu.im/blog/2010/12/11/welcome-to-the-staff-mailing-list/feed/ 3