顯示具有 瀏覽器 標籤的文章。 顯示所有文章
顯示具有 瀏覽器 標籤的文章。 顯示所有文章

2017年4月28日 星期五

Chrome 與 Firefox 擴充功能對照 -- 1704

Firefox 卡卡的 ??

說也奇怪, 我們家的兩台i5桌機跑 Firefox 都沒問題, 但另一台i7筆電, 明明是一樣的「Firefox 擴充套件」組合, 卻三不五時卡卡的。直到最近試到以下第一項「似乎有些影響」。

(1) 排除 (禁用或替換) 不支援 Firefox multi-process (e10s) 的擴充套件, https://addons.mozilla.org/zh-TW/firefox/addon/add-on-compatibility-reporter/

(2) 改用 64bit 版 Firefox ... 此項尚待觀察

.


(...繼續閱讀.../...CONTINUE...)

2009年12月19日 星期六

TiddlyWiki 中文存檔不會亂碼的方法

如果注意過 TiddlyWiki 的 HTML 檔案, 你會發現 Firefox 所儲存的中文是很直覺的內容,
tiddlywiki-chinese

但是 IE 或是 Google Chrome 所儲存的中文卻是『很難看得懂的編碼』(簡稱『亂碼』?)
tiddlywiki-html-entity

這是怎麼一回事, 有沒有辦法來改善呢?

.


(...繼續閱讀.../...CONTINUE...)

2009年12月7日 星期一

如何避免 TiddlyWiki 變慢 -- Part 2

前情題要 :

如何避免 TiddlyWiki 變慢 (2009-04-02)

…… 建議採用下面兩種作法 :

  • 關閉『動畫顯示』
  • 不要顯示『最近更新』

…… 所有『偏好設定』都是存放在『瀏覽器的 Cookie』, …… Cookie 遺失, 就得要再重新設定一次。

而現在,

  1. 設定『儲存在檔案裡頭』, 一勞永逸
  2. 可以限制『最近更新』顯示的數目

.


(...繼續閱讀.../...CONTINUE...)

2009年7月29日 星期三

Firefox 3.5.x『記憶體不足』的可能解法

唉 ! 此頁面的一份 script 已經因為記憶體不足被停止執行

2009-07-03_190242

從七月初 Firefox 升級到 3.5.0 之後, 就開始遇到這樣的問題, 附帶的現象是『功能鍵全部不見, 網頁也殘缺地顯示

上網搜尋『此頁面的一份 script 已經因為記憶體不足被停止執行』或是『script 記憶體不足』, 至少有以下的說法 :

  • 3.5 beta 或 3.0.11末期 就開始有這個問題 ---- 但是, 有更多人一直都沒遇到過
  • 可能是特定 add-ons 的缺陷,
  • 可能是特定網站 javascript 的缺陷,
  • 記憶體有4G 的人也發生過
  • 建議 把 firefox 相關的檔案清個乾淨,重新安裝建立 (mobile01)

.

尋覓可能的解法

我試過以下的方法,

  • 停用非必要的 add-ons
  • 清理 places.sqlite (Firefox 3 日漸肥大的收藏庫:減肥法, irvin)
  • 清個乾淨, 重新安裝 Firefox 3.5.1 (清空 c:\Program Files\Mozilla Firefox 和 c:\Documents and Settings\使用者帳號\Application Data\Mozilla 兩個目錄), 並且完全不加 add-ons

一開始『似乎有改善』, 但後來還是都很慘, 並沒有得到解決 撞飛01撞飛02

.

可能的解法 ---- 雖然只是個起點

今天, 試過兩次『清個乾淨, 重新安裝』, 而且還是『剛安裝好 Firefox 3.5.1, 什麼也沒做』就馬上看到『script 已經因為記憶體不足……』, 讓我 嚴重懷疑當時的電腦環境其實是『幫凶』(或甚至是『主謀』)

於是使用 搶救『系統資源』大作戰 (2007-12) 那一招, 用 工作管理員 (TaskMgr) 找到最佔用 GDI 和 Handles 的 Outlook。二話不說把 Outlook 關掉, 果然 Firefox 的問題『不藥而瘉』, 馬上恢復正常。而且, 直接替換回重裝之前的那兩個目錄 (Program Files 和 Application Data), Firefox 依舊是生龍活虎, 一點問題也沒有。

所以, 當 Firefox 遇到『此頁面的一份 script 已經因為記憶體不足被停止執行』的時候, 用 工作管理員 (TaskMgr) 找到最佔用 GDI 和 Handles 的前幾個程式, 關掉那些程式 (但不一定要關掉 Firefox) 或許就能解救 Firefox 囉  !!

遠目

最近的 Firefox 的問題, 雖然和『系統資源』相關, 但是受影響的似乎只有 Firefox 本身, 猜測 Firefox 改版之後, 在『系統資源』上面的問題可能如下 :

  • 『對系統資源的需求異於常人』 (不見得要得多, 可是卻不合用 ?)
  • 還是,『對系統資源的判斷出了問題』(明明還有, 卻判斷為不足 ?)

.

這不同於之前 IE7 的問題 ----

GDI, USER, Handles - 搶救『系統資源』大作戰 (2007-12)
跳出一個對話框告訴你『系統資源不足』, 或是『圖示不見』, 『畫面顯示不正常』, 『無法開新視窗』跳出一個對話框告訴你『系統資源不足』, 或是『圖示不見』, 『畫面顯示不正常』, 『無法開新視窗』

 

IE7 之『分頁錯誤』&『硬碟狂轉』 (2008-01)

IE7 又有新罪狀了, 這次是『分頁錯誤』 &『硬碟狂轉』, 而且連 IE 核心的 Avant Browser 也無法倖免

.... 因為 這『最後一根稻草』終於還是我正式開始使用 Firefox。

.

同場加映 ---- 真的是『記憶體』不足嗎 ?

重述一下『系統資源不足』和『記憶體不足』的不同,

GDI, USER, Handles - 搶救『系統資源』大作戰 (2007-12)

 

『系統資源不足』的原因, 通常不見得是記憶體不足, 而是 :

  1. 用來『管理系統資源』的『記錄表』不夠用了, (這是白話的說法, 其實應該是 Heaps, Handles 或是 Pointers),
  2. 或是『系統資源的管理』出了問題, 例如 : resource leakage -- 使用後的『系統資源』沒有正確回收

.

096_K書

看來, 連 Firefox 的錯誤訊息也沒能區隔這兩者的差異 ----『此頁面的一份 script 已經因為記憶體不足被停止執行 』, 在我遇到的例子其實是『系統資源不足』。

於是, 我到 Firefox 的原始碼去找這個錯誤訊息的出處,

Line 61: LowMemoryTitle=警告:記憶體不足
Line 62: LowMemoryMessage=此頁面的一份 script 已經因為記憶體不足被停止執行。

上網搜尋 LowMemoryMessage 可以得到英文的『A script on this page has been stopped due to a low memory』, 也還是沒提到『系統資源』……

.

留待熱心人士把這些訊息反映給 Firefox 開發團隊吧 ~~

  • 猜測 Firefox 改版之後, 在『系統資源』(script 已經因為記憶體不足……) 上面的問題可能如下 :
    • 『對系統資源的需求異於常人』 (不見得要得多, 可是卻不合用 ?)
    • 還是,『對系統資源的判斷出了問題』(明明還有, 卻判斷為不足 ?)
  • 建議 Firefox 錯誤訊息應該區分『系統資源不足』和『記憶體不足』的不同,

.


(...繼續閱讀.../...CONTINUE...)

2009年4月9日 星期四

解決 Firefox 為預設瀏覽器『找不到檔案或項目』的問題

今天同事告訴我, 他手邊的一個軟體, 在 Firefox 為預設瀏覽器時, 會出現『找不到檔案或項目』的問題, 但是 IE 為預設瀏覽器時則不會。

看到的錯誤訊息是這樣的

2009-04-09_185825

Windows 找不到檔案或項目 'C:\Program Files\Mozilla Firefox\firefox.exe" -requestPending -osint -url "%1'。請檢查鍵入的名稱是否正確,再試一次。要搜尋檔案,請按 [開始] 按鈕,然後按 [搜尋]。

.

設定預設瀏覽器的『系統登錄』(registry)

錯誤訊息中的雙引號『"』有點古怪, 看來是那個軟體呼叫 Firefox 的問題, 於是試著到『系統登錄』(registry) 找線索, 搜尋 firefox.exeMozilla Firefox\firefox.exe

HKEY_CURRENT_USER\Software\Clients\StartMenuInternet 這個機碼的值則是 firefox.exe ; 當預設瀏覽器改回 Internet Explorer (IE) 時, 會被清為空白。所以StartMenuInternet 這個機碼就是『預設瀏覽器』的『系統登錄』(registry)

此外, 發現下面幾個機碼的值都是『對稱的雙引號 "
"C:\Program Files\Mozilla Firefox\firefox.exe" -requestPending -osint -url "%1"

  • HKEY_CLASSES_ROOT\FirefoxHTML\shell\open\command
  • HKEY_CLASSES_ROOT\FirefoxURL\shell\open\command
  • HKEY_CLASSES_ROOT\ftp\shell\open\command
  • HKEY_CLASSES_ROOT\http\shell\open\command
  • HKEY_CLASSES_ROOT\https\shell\open\command
  • HKEY_CURRENT_USER\Software\Classes\FirefoxHTML\shell\open\command
  • HKEY_CURRENT_USER\Software\Classes\FirefoxURL\shell\open\command
  • HKEY_CURRENT_USER\Software\Classes\ftp\shell\open\command
  • HKEY_CURRENT_USER\Software\Classes\http\shell\open\command
  • HKEY_CURRENT_USER\Software\Classes\https\shell\open\command
  • HKEY_LOCAL_MACHINE\SOFTWARE\Classes\FirefoxHTML\shell\open\command
  • HKEY_LOCAL_MACHINE\SOFTWARE\Classes\FirefoxURL\shell\open\command

.

Firefox 預設瀏覽器『找不到檔案或項目』的解決方法

依著直覺, 把 HKEY_CLASSES_ROOT\http\shell\open\command 這個機碼的值, 拿掉後半段, 改成 "C:\Program Files\Mozilla Firefox\firefox.exe" -requestPending -osint -url "%1" 

運氣很好, 那個軟體就可以正常呼叫 Firefox 了, 猜測是它自作主張把
"C:\Program Files\Mozilla Firefox\firefox.exe" -requestPending -osint -url "%1" 前後兩個雙引號『"』去掉, 才有這樣的問題。

至於 -requestPending -osint 這兩個命令列參數的說明, 可以看 mozilla 官網的說明

clip_image002而在實作上, 最好將『系統登錄』備份下來,

  • 執行 regedit.exe
  • 找到
    HKEY_CLASSES_ROOT\http\shell\open\command
     
  • 右鍵 => 匯出 (備份原始值)
  • 修改機碼的值 成為
    "C:\Program Files\Mozilla Firefox\firefox.exe"
  • 右鍵 => 匯出 (儲存修改值)

如此, 就會有兩個 *.reg 可以雙擊切換機碼的值

.

弦外之音

  • 除了 HKEY_CLASSES_ROOT\http\shell\open\command 之外的其他的機碼 或許可以適用於別的軟體不相容的情形
  • 可以對 ftp / http / 本機html 指定不同的瀏覽器嗎?
  • HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\FileExts\.htm
  • HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\FileExts\.html
  • 這兩個機碼的值有 FirefoxHTML 和 firefox.exe (沒有完整路徑), 不確定使用的場合
  • 『免安裝』的 Firefox 路徑, 機碼是
    KEY_CLASSES_ROOT\Applications\firefox.exe\shell\open\command
    "E:\0Ubin\……\App\Firefox\firefox.exe" -requestPending -osint -url "%1"

.

同場加映 ---- GetWordDemo

那一串錯誤訊息, 無法框選文字, 有辦法複製嗎?

2009-04-09_185825

Windows 找不到檔案或項目 'C:\Program Files\Mozilla Firefox\firefox.exe" -requestPending -osint -url "%1'。請檢查鍵入的名稱是否正確,再試一次。要搜尋檔案,請按 [開始] 按鈕,然後按 [搜尋]。

答案是 GetWordDemo

.


(...繼續閱讀.../...CONTINUE...)

2009年4月2日 星期四

如何避免 TiddlyWiki 變慢

TiddlyWiki 簡介

簡單的說, TiddlyWiki 是『用單一個 HTML 檔 實現的 Wiki』, 不需要安裝任何程式, 只要有『瀏覽器』就可以 檢視, 編輯, 回存 Wiki。

TiddlyWiki …… 是一個網頁(一個內含CSS+JavaScript的html檔)……,檔案本身同時是程式,也是資訊儲存的地方。你可以寫入、修改、刪除、設定密碼、增加外掛以產生新功能 ……

所有這些事情都在這個檔案上完成。程式也是這個檔,你寫的內容也存回這個檔(尾部),因此你可以一個檔走天下,備份、移動、散佈,全部變得非常簡單。

值得注意的 TiddlyWiki 新發展 (老貓, 2007-02-12)

.

TiddlyWiki 參考資料

.

如何避免 TiddlyWiki 變慢

2007-07 開始用 TiddlyWiki 製作每週的會議記錄, 從一開始的 500KB (TiddlyWiki 本身的 320KB 再加上外掛), 累積到現在 710KB 大約一百多篇 文章 (tiddler), 漸漸覺得 TiddlyWiki 有變慢的跡象, 主要發生在兩種情境 :

  • 瀏覽器一開始載入 TiddlyWiki 的 HTML 檔案
  • 編輯或新增任何一篇 文章 (tiddler)

.

上網搜尋關鍵字 TiddlyWiki Slow 之後, 發現兩篇文章 :

這兩篇文章的重點大致相同, 由此可知確實有人遇到『TiddlyWiki 變慢』的問題, 而且也已經有公認的解決之道。

經過實驗, 我會建議採用下面兩種作法 :

  • 關閉『動畫顯示』
  • 不要顯示『最近更新』

.

2009-04-02_175048 關閉『動畫顯示』---- disabling animations

『動畫顯示』的開關, 在 TiddlyWiki 右側邊欄的『偏好設定』, 而這一項也是我從一開始使用 TiddlyWiki 就採用的作法。

只是, 所有『偏好設定』都是存放在『瀏覽器的 Cookie』---- 包括『動畫顯示』在內 ----, 所以 換了一台電腦 或是 同一台電腦的不同瀏覽器, 或是 Cookie 遺失, 就得要再重新設定一次。

目前還在尋找『儲存在檔案裡頭』的『永遠關閉動畫顯示』 的設定, 以便一勞永逸。

.

不要顯示『最近更新』

『最近更新』也在 TiddlyWiki 的右側邊欄, 它會顯示依修訂日期排序的文章列表。而叫它『最近更新』其實有點『名不符實』, 因為它顯示的其實是依修訂日期排序的『所有文章列表』, 所以當文章數量變多時, 這個『最近更新』就會變成一條巨龍, 而且是『一條動態更新的巨龍』。不僅瀏覽器一開始載入 HTML 檔案時, 需要花不少時間撈出資料來排序出這一條巨龍; 而且編輯或新增任何一篇文章 (tiddler) 時, 也同樣要花時間來『動態更新這一條巨龍』。

所以, 前面提到那兩篇文章的建議都是『不要顯示最近更新』。而在作法上又可以細分成下面幾種 :

  • 直接把『最近更新』和『全部』從右側邊欄拿掉
  • 改變右側邊欄的排序, 使得一般場合顯示『預設文章』或其他內容
  • 將右側邊欄的下半部『收合起來』, 需要時再打開 (詳情見 Tips for speeding … 的最末段)

.

比較 TiddlyWiki  載入內容的時間

2009-04-02_170619-1為了比較每一種作法的改善幅度, 我依照 How big can my file get … ? 的說明, 打開後台選項, 讓 TiddlyWiki 顯示載入內容所花的時間

  • 從右側邊欄的『偏好設定』開始,
  • 點選『偏好設定』最下面的『進階選項』
  • 勾選 選項表格 下方的『顯示未知選項』
  • 勾選 chkDisplayInstrumentation

** 請留意這個設定是存放在『瀏覽器的 Cookie』 , 所以改了設定之後, 不一定要存檔, 只要關閉目前的 TiddlyWiki, 下次就會在右上角看到載入內容所花的時間,

=> 由測試結果可以得知 :

  • 『最近更新』、『全部』、『分類』和『預設文章』都是 動態文章, 都需要一些額外的處理時間, 只是『分類』和『預設文章』內容較少, 所需的時間也比較少。
  • 這些動態文章只有顯示的時候才會佔用時間, 所以它們只要不是預設顯示即可, 不一定要從右側邊欄刪除
  • 如果以縮短載入時間為目的, 最好的方法是在右側邊欄的下半部顯示『靜態文章』或『收合起來』

(1) 顯示『最近更新』(原始)

(2) 顯示『分類』

  直接把『最近更新』和『全部』從右側邊欄拿掉
  • LoadShadows 4 ms
  • LoadFromDiv 402 ms
  • LoadPlugins 146 ms
  • Notify 929 ms
  • Restart 1223 ms
  • Macro init 0 ms
  • Total: 2720 ms
  • LoadShadows 6 ms
  • LoadFromDiv 407 ms
  • LoadPlugins 140 ms
  • Notify 600 ms
  • Restart 778 ms
  • Macro init 0 ms
  • Total: 1947 ms
  • .

    (3) 顯示『預設文章』

    (4) 顯示『靜態說明』

    保留『最近更新』和『全部』, 但是調換頁籤的順序, 讓載入時顯示『預設文章』 同左, 但是載入時顯示另外增加的『靜態說明』
  • LoadShadows 5 ms
  • LoadFromDiv 406 ms
  • LoadPlugins 144 ms
  • Notify 329 ms
  • Restart 508 ms
  • Macro init 0 ms
  • Total: 1408 ms
    • LoadShadows 5 ms
    • LoadFromDiv 411 ms
    • LoadPlugins 150 ms
    • Notify 280 ms
    • Restart 440 ms
    • Macro init 0 ms
    • Total: 1302 ms

    .

    (1) 原始的 SideBarTabs 如下

    SideBarTabs :
    <<tabs txtMainTab "最近更新" "依更新日期排序" TabTimeline "全部" "所有文章" TabAll "分類" "所有標籤" TabTags "更多" "其他" TabMore>>

    (2) 直接把『最近更新』和『全部』從右側邊欄拿掉 => 讓載入時顯示『分類』。
    ** 因為『分類』也是動態文章, 但內容較少, 所以稍省了一點時間。

    SideBarTabs :
    <<tabs txtMainTab "分類" "所有標籤" TabTags "更多" "其他" TabMore>>

    (3) 保留『最近更新』和『全部』, 但是調換頁籤的順序 => 讓載入時顯示『預設文章』。
    ** 『預設文章』(『shadowed tiddler tab』或『Shadow Tiddlers』) 同樣還是動態文章, 但內容更少, 所以又再省了一點時間。

    SideBarTabs :
    <<tabs txtMainTab "更多" "其他" TabMore "最近更新" "依更新日期排序" TabTimeline "全部" "所有文章" TabAll "分類" "所有標籤" TabTags>>

    (4) 同(3), 但是載入時顯示另外增加的『靜態說明』
    ** "管理" 和前面的 "更多" 是同一個分頁, 被移到最前面當作預設的分頁, 叫它 "更多" 有點怪, 於是改名。另外再到 TabMore 增加一個『靜態說明』頁。

    SideBarTabs :
    <<tabs txtMainTab "管理" "管理文章" TabMore "最近更新" "依更新日期排序" TabTimeline "全部" "所有文章" TabAll "分類" "所有標籤" TabTags>>

    TabMore :
    <<tabs txtMoreTab "說明" "參考資料" TW_HELP "未完成" "內容空白的文章" TabMoreMissing "未引用" "未被引用的文章" TabMoreOrphans "預設文章" "已預設內容的隱藏文章" TabMoreShadowed>>

    .

    加速 TiddlyWiki 運作的其他選項

    底下還有其他 加速 TiddlyWiki 運作 的選項, 但『不見得適用於每一個人』就是了 ……

    調整使用的套件 (plugin)

    開啟『預設文章』- PluginManager, 可以看到每個 plugin 的大小和載入時間, 再依此調整使用的套件。在我自己這邊, plugin 載入時間 都在 0 ~ 5ms, 所以下面提到的『使用外部 js 檔的方式安裝套件』, 看來就沒有這麼迫切的需求。

    文件體積822K,變得特慢

    2.移除非必要套件、盡可能使用外部 js 檔的方式安裝套件
    於 MarkupPostBody 宣告欲載入的套件:
    <script type="text/javascript" src="/pathto/YourPlugins.js"></script>

    .

    調整存檔方式

    偏好設定的『儲存備份』和『自動存檔』這兩項, 也會影響 TiddlyWiki 運作的效能, 但和『文件保全』比起來如何取捨, 就沒有一定的答案了。

    .


    (...繼續閱讀.../...CONTINUE...)

    2009年3月31日 星期二

    用 Prism 打造小型 Plurk / 噗浪 視窗

    這幾天嚐試『Plurk / 噗浪』, 但是覺得那個『大視窗』, 讓人覺得有點『不自在』---- 我是說, 和 GTalk, SkyPe, MSN 的『小視窗』比起來 ……

    於是搜了一下, 找到了 Prism ……

    .

    Prism 簡介

    …… 沒有按鈕、沒有網址列(其實是有,只不過不能修改網址)、沒有分頁、就只能看網頁、只能開啟唯一的 URI(因為它的網址列是唯讀的)……
    Prism(三稜鏡) 透過 XULRunner 建立程式介面,採用最新的 Gecko 作為其網頁渲染引擎,由於其精簡的功能與先進的網頁渲染引擎,無論是在啟動程式的速度或是在顯示網頁的速度,都有不錯的表現。
    ……Prism 就是一套讓你快速啟動常用的網頁應用服務的工具,你可以為這些服務建立捷徑到桌面、快速啟動列、開始功能表。

    超級簡單的 Prism 教學

    Prism 官方連結

    .

    Prism 最新版下載點 可以看到兩種版本的 Prism :

     

    『外掛版』Prism

    『程式版』Prism

    網頁引擎

    Firefox 安裝程式自帶

    創建『網頁服務捷徑』的方式

    Firefox 裡 : 工具 => Convert Website to Application 開始功能表 => Prism => Prism

    執行方式

    桌面捷徑 桌面捷徑

    使用記憶體

    Firefox.exe ~ 24MB Prism.exe ~ 24MB

    顯示版本

    Prism 0.9.12009-03-31_212256 Prism 0.92009-03-31_212203

    .

    使用 Prism




    無論『外掛版』或『程式版』的 Prism, 在創建網頁服務捷徑時, 都是右邊的畫面
    2009-03-31_191457
    其中的重點是 :
    * URL : 網頁服務的位址
    * Name : 桌面視窗的標題
    * Icon : 捷徑及桌面的圖示
    2009-03-31_191457-1

    2009-03-31_220532

    Prism 的特點是 每一個視窗都有各自的 Cookie, 所以它也可以當成『cookiepie』, 『CookieSwap』, 『多瀏覽器』之外, 另一種『同時在電腦中開啟單一網站的多個不同帳戶』的方式。

    同理, 另外開個 網址 是 about:config 的 Prism 視窗, 雖然可以看到後台參數, 但是卻只會修改到『另一個』Prism 視窗的參數。正解是找到下面所說的 webapp.ini 檔, 將 uri= 暫時改為 about:config, 改完參數之後再把 uri 改為回來。

    .

    修改 Prism 的基本設定

    使用 Prism 之後, 發現它有下面的缺點

    • 創建之後, 沒有提供更改設定的管道
    • 有時候重新開啟程式, 視窗的大小會跑掉
    • 外掛的支援不明確

    .

    其中第二點, 可以用 sizer 快速設定視窗的大小, 第三點外掛的影響要看個人需求

    而第一點則可以從啟動的捷徑找到線索

    程式版

    "C:\Program Files\Prism\prism.exe"
    -override "C:\Documents and Settings\xp帳號\Application Data\WebApps\eucaly_diary_full@prism.app\override.ini"
    -webapp eucaly_diary_full@prism.app

    外掛版

    "C:\Program Files\Mozilla Firefox\firefox.exe"
    -app application.ini
    -override "C:\Documents and Settings\xp帳號\Application Data\WebApps\ff_diary@prism.app\override.ini"
    -webapp ff_diary@prism.app 

    程式版 的設定分別存在兩個地方

    • c:\Documents and Settings\xp 帳號\Application Data\WebApps\標題@prism.app
    icons\default\webapp.ico 捷徑及桌面的圖示
    localstore.json 視窗的大小, 位置, 側邊欄 ……
    webapp.ini 其他主要設定

    id=標題@prism.app
    name=標題
    uri=http://www.plurk.com/m/
    icon=webapp
    status=false
    location=false
    sidebar=true
    navigation=false
    trayicon=false

    • c:\Documents and Settings\xp 帳號\Application Data\Prism\標題\Profiles\
      湊雜碼.default\

    .

    外掛版 也是類似, 只是在 c:\Documents and Settings\xp 帳號\Application Data\Mozilla\Firefox\Profiles\ …… 的很多層底下

    .

    基本上, 以下這些應該都可以手動修改 (記得先關掉 Prism)

    • URL : 網頁服務的位址
    • Name : 桌面視窗的標題
    • Icon : 捷徑及桌面的圖示
    • 有無 網址列, 側邊欄 (location, sidebar ……) 等

    .

    修改 Prism 的 Proxy 設定

    Using Mozilla Prism behind a proxy (Zelig, 2008-07-30) 和 Mozilla Prism Proxy Setting (Spirit of Change, 2007-11-24) 看到的方式, 都是要手動修改 all.js

    pref("network.proxy.type",        1);
    ……
    pref(”network.proxy.http”,        “proxy_ip_address");
    pref(”network.proxy.http_port”, proxy_port);
    ……

    .

    但是我希望的是『在家裡和公司使用不同的 Proxy 設定』, 而不是全部都改成一樣的, 所以最後找到 c:\Documents and Settings\xp 帳號\Application Data\Prism\標題\Profiles\
    湊雜碼.default\ 底下的 prefs.js 加上

    user_pref("network.proxy.http", “proxyname”);
    user_pref("network.proxy.http_port", “proxyport”);
    user_pref("network.proxy.type", 1);
    ……

    這樣就能依照 不同的捷徑 而設定不同的 Proxy 了

    .

    延伸閱讀

    聽說有現成的 .webapp 檔可以下載, 我還沒試過

    更改 Prism 儲存下載檔案的地方

    探討 Prism 的進一步應用

    .


    (...繼續閱讀.../...CONTINUE...)

    2009年3月28日 星期六

    我的 Firefox 3.0 精選 Add-ons list

    趁著這次重裝電腦, 原本想換成 Firefox 3.1 beta 3 嘗鮮一下, 但是發現有幾個 Add-ons 不相容, 所以又回到了 3.0x, 只不過換成免安裝的 Portable Firefox 3.07。

    .

    我的 Firefox 3.0 精選 Add-ons 列表

    由下表看來, 精選的 Add-ons 大多數和半年前雷同, 大部份也改版了。另外再新增三個。

    2008-07 我的 Firefox 3.0 Addons List

    2009-03 精選

    - Google Toolbar for Firefox 3.1.20080605W
    讓 Google 的強大功能伴您遨遊網路世界!

    - AutoDial 7.1
    http://ed.agadak.net/
    - Quick access to frequently visited pages on new tabs (Ctrl/Cmd-T)

    - Google Toolbar for Firefox 5.0.20090122Wb2
    http://www.google.com/tools/firefox/

    - IE Tab 1.5.20080618
    http://ietab.mozdev.org/
    讓 Firefox 也能內嵌 IE 用雙核心!!!

    - Coral IE Tab 0.9.20090228
    https://addons.mozilla.org/zh-TW/firefox/addon/10909
    使用 IE 內核瀏覽不兼容 Firefox 的網頁!

    - Personal Menu 4.1pre

    取代一成不變的選單, 美化您的 Firefox!

    - Personal Menu 4.1.4
    https://addons.mozilla.org/firefox/addon/3895/
        創造自己的選單,省去多餘的空間!

    - Secure Login 0.9.2.6
    https://blueimp.net/mozilla/
    一個提供與 Opera 的 Wand 登錄相類似功能的擴充套件。

     

    • 試著改用 KeePass

    - SwitchProxy Tool 1.4.1
    http://mozmonkey.com/
    A tool that allows you to manage and switch between multiple proxy configurations quickly and easily.

    - SwitchProxy Tool 1.4.1

    - Aging Tabs 0.7
    http://en.design-noir.de/mozilla/aging-tabs/
    未使用的分頁隨時間褪色且高亮度選擇的分頁

    - Aging Tabs 0.7.1

    - All-in-One Sidebar 0.7.6
    http://firefox.exxile.net/aios/
    受獲獎肯定的側邊欄擴充套件!

    - All-in-One Sidebar 0.7.10

    - CoLT 2.4.1
    http://www.borngeek.com/firefox/colt/
    在瀏覽器的快顯功能表中,新增一個「複製鏈結名稱」項目。

    - CoLT 2.4.3

    - Locationbar² 1.0.3
    http://en.design-noir.de/mozilla/locationbar2/
    Formats and linkifies addresses in your Location bar.

    - Locationbar² 1.0.3

    - Tab Scope 0.2.2.8
    http://www.xuldev.org/tabscope/
    Preview and navigate tab contents through popup.

    - Tab Scope 0.2.2.10

    - Firebug 1.2.0b6
    http://www.getfirebug.com/
    Web Development Evolved.

    - Firebug 1.3.3

    - Easy DragToGo 1.1.2.1
    http://addons.sociz.com/firefox/700/  
    輕鬆使用拖動手勢打開分頁

    - Easy DragToGo 1.1.2.3

    - Tab Mix Lite CE 3.0
    http://addons.sociz.com/firefox/54/
    輕巧方便的分頁擴充套件

    - Tab Mix Lite CE 3.0

     

    - DownThemAll! 1.1.1
    http://downthemall.net/
    The mass downloader for Firefox.

     

    - No Squint 1.93.2.1
    http://urandom.ca/nosquint/
    Manage site-specific full page and text zoom levels

     

    - Evernote Web Clipper 3.0.0.45382
    http://www.evernote.com/
    Provides a button and context menus to easily add a selection or an entire page to Evernote

    .

    Google Toolbar for Firefox - http://www.google.com/tools/firefox/

    Google Toolbar 的功能不用我多說, 詳情可以直接看 Google 官網介紹, 其中最讓我感動的是 5.0提供了『開啟新分頁即可檢視最常造訪的網站』功能, 而且呈現的效果和 Google Chrome 幾乎一樣, 有最常造訪的網站的縮圖, 最近的書籤, 最近關閉的分頁。所以我就不再需要 AutoDial 了

    2009-03-28_222850-1 

    不過, 這個開啟新分頁即可檢視最常造訪的網站』功能 和 Tab Mix Plus、Tab Mix Lite CE 相衝。解決方法是 :

    Tab Mix Plus

    • 指定 Tab Mix Plus 開新分頁的網址是 chrome://google-toolbar/content/new-tab.html

    Tab Mix Lite CE

    • 指定 Tab Mix Lite CE 『在新開啟的新分頁中顯示首頁』
    • 設定 Firefox 的首頁為 chrome://google-toolbar/content/new-tab.html

    詳情請看 解决Google Toolbar 新首页功能与Tab Mix Plus 冲突问题 (啦啦啦, 2009-02-01) 的說明

    此外, 聽說 IE 版的 Google Toolbar 也有『開啟新分頁即可檢視最常造訪的網站』功能 (英文網頁)

    .

    Tab Mix Lite CE - http://addons.sociz.com/firefox/54/

    輕巧方便的分頁擴充套件, 我會用到的主要功能是 :

    • 指定 書籤, 瀏覽記錄, 網址列, 搜尋列 是否開在新分頁
    • 開新分頁在目前分頁的右邊
    • 未讀分頁顥示紅色標題

    .

    Firebug - http://www.getfirebug.com/

    修改模版的過程, 搭配 Firebug 可以增進效率。

    『即時』編輯, 除錯, 觀察 網頁的 CSS, HTML, JavaScript

    和之前不斷的『修改 => 存檔 => 更新頁面 => 試誤 => 修改 => 存檔 => 更新頁面 => 再試誤 =>  ... 』, 比起來, 真的『快了不只十倍速』

    => Firebug ---- 部落客『玩網頁』的『神器』(2008-07)

    Firebug,它是網頁設計師的好幫手,不但可以測速度、顯示CSS標籤、框架與各種網頁程式碼的內容,更可幫我們測試網頁下載速度與、除錯等,...,真的相當好用唷。

    => Firebug 幫網頁稱重量、測速度,抓出拖慢網站的元兇! (重灌狂人, 2008-06-16)

    .

    Aging Tabs - http://en.design-noir.de/mozilla/aging-tabs/

    未使用的分頁隨時間褪色且高亮度選擇的分頁

    讓您的分頁隨著時間的增加,而慢慢變暗喔!

    => Aging Tabs ~ 分頁會隨時間褪色 (海芋小站, 2008-06-27)

    2009-03-28_231815

    不只是花俏而已, Aging Tabs 可以幫忙我們識別哪些分頁已經開了很久,

    列出我的 Aging Tabs 設定給大家參考

    .

    Personal Menu 4.1.4 - https://addons.mozilla.org/firefox/addon/3895/

    創造自己的選單,省去多餘的空間!

    扣除 Google Toolbar, 我只留下一個 Firefox 工具列, 連『檔案、編輯、檢視 ……、說明』的『選單工具列』都被隱藏, 按下 Alt 之後才會暫時顯示。

    2d8729809768f898b1e00792ac0f0776

    .

    其他

    - All-in-One Sidebar 0.7.6
    http://firefox.exxile.net/aios/

    受獲獎肯定的側邊欄擴充套件!

    把套件,佈景主題,下載,書籤,JavaScript Console,Sage,ScrapBook 都合到 Sidebar 裡頭,還可以簡化及排序套件跟佈景主題,可以少安裝幾個套件

    - CoLT 2.4.1
    http://www.borngeek.com/firefox/colt/
    在瀏覽器的快顯功能表中,新增一個「複製鏈結名稱」項目。

    用各種你需要的格式複製超連結 把超連結用HTML等不同格式複製下來,以我自己來說,對於寫部落格文章要張貼超連結時非常的方便實用。

    => Firefox 3 可用和推薦的擴充套件列表,歡迎補完! (電腦玩物, 2008-06-29)

    - Easy DragToGo 1.1.2.1
    http://addons.sociz.com/firefox/700/
    輕鬆使用拖動手勢打開分頁

    - Locationbar² 1.0.3
    http://en.design-noir.de/mozilla/locationbar2/
    Formats and linkifies addresses in your Location bar.

    image

    讓使用者可以依自己喜好自訂網址列的顯示方式。

    => 值得一提的火狐套件更新:NoScript、Locationbar (電腦玩物, 2007-03-02)

    .

    - SwitchProxy Tool 1.4.1

    雖然功能比 FoxyProxy 來得陽春, 但是我覺得『簡單』比較重要, 對我來說也剛好夠用

    .

    .

    - Tab Scope 0.2.2.8
    http://www.xuldev.org/tabscope/
    Preview and navigate tab contents through popup.

    當滑鼠移到 tab 上面的時候會以快顯小視窗的方式顯示網頁的預覽縮圖。不僅如此,在這個小小的預覽視窗上還能操作上一頁、下一頁、重新整理及停止載入等動作

    => [Firefox Add-ons] tab 的預覽小視窗功能 - Tab Scope (0 與 1 的邂逅 @joaoko, 2007-05-09)

    .

    第二順位 Add-ons 列表

    下面的外掛, 雖然也會用到, 但不急著現在裝~~

    - Textarea Cache 0.5.4
    http://hemiolapei.free.fr/extensions/index.php/textarea-cache
    自動備份文字輸入區

    - Firefox Universal Uploader (fireuploader) 0.3.9
    http://www.fireuploader.com
    Provides an user friendly interface to upload files to various websites eg. Box.net, Flickr, Youtube, Picasa, Facebook

    Fireuploader 的優點 :

    • 大量上傳
    • 直接用『拖放』的方式將檔案加到上傳的清單當中
    • 清楚的顯示上傳進度
    • 可以建立資料夾 ---- 不必開啟 Picasa 網頁就直接上傳新相簿

    Eucaly61 相片工具箱 2 -- 網路相簿, 上傳, 貼圖

    - Extension List Dumper 1.14.1
    http://sogame.awardspace.com/
    顯示一個擴充套件列表清單


    發文寫 Add-ons List 才會用到

    - CLEO 3.3.1
    http://customsoftwareconsult.com/extensions
    Create multi-addon install package (Cleopack)


    超簡單Firefox擴充套件備份與還原:FEBE 4.0.4+ CLEO 2.0 (電腦玩物)

    - FEBE 5.3.1
    http://customsoftwareconsult.com/extensions
    Backup your Firefox data


    超簡單Firefox擴充套件備份與還原:FEBE 4.0.4+ CLEO 2.0 (電腦玩物)

    - McAfee SiteAdvisor 26.6
    http://www.siteadvisor.com/
    可提供安全搜尋與瀏覽的 McAfee SiteAdvisor Firefox Extension

     

    - Session Manager 0.6.1.13
    http://sessionmanager.mozdev.org/
    儲存及還原所有瀏覽視窗的狀態。


    尚在觀察 Firefox 內建的分頁回復功能是否夠用

    - 新同文堂 (New Tong Wen Tang) 0.3.8.9
    http://rt.openfoundry.org/Foundry/Project/?Queue=333
    中文繁簡轉換 (Chinese Simplified<->Traditional switcher)


    聽說 新同文堂 終於相容於 Firefox 3.x …

    瀏覽器中繁簡互轉:新同文堂 v0.3.9.6 (Sopili 軟體邦, 2009-03)

    .


    (...繼續閱讀.../...CONTINUE...)

    2009年3月10日 星期二

    沒有書籤的網路生活 ---- 疏解『書籤過載』的問題

    是的!!『沒有書籤的網路生活』!!

    雖然不是刻意養成的習慣, 但是在我最常使用的 Firefox (85%) 和 IE (15%) , 確實已經很久沒有使用書籤的功能。取而代之的是:

    • 網址列自動完成,
    • Google 搜尋, Google 工具列, iGoogle,
    • Google (RSS) Reader,
    • Net Snippets, Evernote,
    • 歷史, 網頁記錄
    • Auto Dial

    底下就來說明一下『沒有書籤的網路生活』是怎麼一回事吧~~

    .

    在『書籤』能夠更有『靈性』之前 ...

    回想那個用了很多書籤的年代, 我常常有這樣的感概 :『書籤怎麼不是活的?』---- 最常用的書籤有時要往下找好幾層, 反而是很少使用或是已經失效的書籤卻還有一大堆高掛在那裡, 而且書籤通常只會越來越多, 越來越多..., 到最後, 尾大不掉的書籤樹, 就像『開始功能表』龐大的程式樹一樣, 實用性越來越差....

    所以, 在『書籤』能夠更有『靈性』之前, 還是需要一些方法來『疏解書籤過載的問題』。

    底下介紹的這些方法, 算是給大家參考著『擇優使用』, 倒不一定要像我這樣變成『沒有書籤的網路生活』。

    .

    網址列自動完成

    依照使用頻率和實用性, 第一個首推『網址列自動完成』, 只要鍵入兩個字母, 常用的網址立刻手到擒來。不信你看, 底下這些最近常用的網址, 真的大多數只要兩個字母或甚至一個字母就會跳出來!!
    2397e353e91b2196aed504e447e6e6c9

    關鍵字 網址 名稱
    re http://www.google.com/reader/ Google (RSS) Reader
    eu http://eucaly61.blogspot.com/ 我的部落格
    bl http://www.blogger.com/home Blogger 資訊主頁
    cw http://www.cwb.gov.tw/ 中央氣象局
    mo http://www.mobile01.com/mytopics.php mobile01
    tw.d http://tw.dictionary.yahoo.com/ 字典
    lo http://look.urs.tw/showhistory.php?BlogID=46311 我的部落格觀察
    my, stat http://my9.statcounter.com/project/ 我的點閱數
    in http://www.google.com/insights/search/ Insights for Search
    ru http://www.ruten.com.tw/ R拍
    sh http://shopping.pchome.com.tw/ 線上購物
    bi http://tw.bid.yahoo.com/ Y拍

    .

    Google 搜尋, Google 工具列, iGoogle

    不記得網址的, 就直接搜尋, 例如 高速公路路況freeway。或是換了一台電腦, 沒有記錄到自己熟悉的網址 (當然也就無法自動完成), 那就到 http://www.google.com 搜尋 playpc, lvchen 或是 angelo。甚至連我最近常用的 Google Patent Search (專利檢索), 我也從來不記網址, 是直接找 patent 就到了。

    而有了瀏覽器的『搜尋框』或是 Google 工具列, 這些搜尋的動作就變得更方便了。

    另一方面, 其他常用的 Google 工具, 例如 Gmail, Google Reader, Picasa ... 就直接讓它們住在 iGoogle 首頁, 或是從 iGoogle 的 Google Services Links 小工具, 就可以找得到。

    image

    .

    Google (RSS) Reader

    好啦, 我必須承認我還是用了一大堆『廣意的書籤』, 它們都是 RSS, 而且都收集在 Google (RSS) Reader。平時可以很方便的看到誰又有新文章, 而不必四處奔波。而要到哪個網站或部落格, 也是透過 Google Reader 連過去。

    關於 Google Reader, 可以參考海芋的這幾篇 :

    .

    Net Snippets, Evernote

    接下來的 Net Snippets, Evernote 其實也算是書籤的變形,

      傳統書籤 Net Snippets Evernote
    記錄形式 名稱, 超連結 傳統書籤 及 網頁內容 並存 自由筆記, 網頁連結
    組織方式 樹狀 樹狀 筆記本, 多重標籤
    搜尋功能 陽春搜尋 陽春搜尋 全文搜尋, 標籤搜尋
    延伸功能 bookmarklet 跨瀏覽器 多功合一

    或許大家並不熟悉 Net Snippets , 它是一款和 Scrapbook 類似的網頁剪貼軟體, 但不同的是, Net Snippets 是瀏覽器之外的獨立程式, 詳情請看 我的 Firefox Addons List

    用 NepSnippets Desktop Bar, 把『鏈結』 或『選取範圍』拖放到 Desktop Bar, 就可以收錄 捷徑 或網頁內容到 NetSnippets

    Evernote 則是最近剛介紹過 (1), (2), (3), 一般而言, 我會把需要 全文檢索, 以及 稍後閱讀, 待辦事項 ... 等還要繼續追蹤利用的網頁內容收集在 Evernote。但有些場合, 例如某些網頁貼到 Evernote 會遺失比較多格式, 再以 Net Snippets 輔助。

    .

    歷史, 網頁記錄

    對於『明明記得曾經看過』, 卻沒有記錄在『廣義的書籤』的網頁, 只好到瀏覽器的『歷史』去翻查。

    或者, 也可以試試 google 網頁記錄, 雖然它只限於『在 Google 上搜尋過的內容及造訪過的網站』, 但是它的搜尋功能可以更有效的幫我們找回那些『明明記得曾經看過』的網頁。

    詳情請看 讓Google Web history(搜尋記錄)紀錄搜尋過的關鍵字和網頁 (硬是要學, 2007-05-20)

    .

    Auto Dial

    Auto Dial 依據實際使用的狀況自動調整, 把「真正常用」的網站自動排列在新分頁中,愈上方愈大的表示最近愈常使用的網站。Auto Dial 也算是另一種替代書籤的形式, 雖然比起前面介紹的幾種, 我在 Auto Dial 用得算是比較少的, 但說不定你會愛上它哦!!

    詳情請看 Auto Dial /Speed Dial 自動或自訂撥號,瀏覽常用網站哪個快?(電腦玩物, 2008-08-28)

    .

    你的書籤呢 ?

    好啦, 或許你可以告訴我, 有了這麼多不同形式的『替代書籤』之後,
    倒底還有什麼非得要記在『書籤』的呢?

    .

    [2009-03-28更新]

    把為了同一個資訊目的而找到網頁群匯整在與那個目的直接相關的工作場合 ……

    (如某篇BLOG文章, EMAIL),一方面減書籤的負擔, 一方面用一種專案的方式使它們歸檔,有朝一日再度需要它們時,你會知道去哪裡找到它們

    論文書籤 (updating) (anabiosis n., 2009-03-20)

    看到網友連結到這篇文章, 這才讓我想起居然漏掉了『部落格』本身就是『筆記+書籤』的彙集, 例如 :

    .


    (...繼續閱讀.../...CONTINUE...)

    2008年12月24日 星期三

    善用 Firefox 的 RSS 訂閱功能

    Firefox 支援 RSS 訂閱功能, 可以幫助你知道目前網頁提供的 RSS 訂閱連結, 並且使用幾種常用的工具來訂閱。

    如果你已經知道了, 請耐心往下看, 說不定可以溫故知新, 發現一些你所不知道的部份。

    如果你還不知道 Firefox 的 RSS 訂閱功能, 當然更不能錯過囉~~

    Firefox-RSS簡單的說, 只要網頁包含了 RSS 訂閱連結, 在 Firefox 網址列的右邊 就會出現 RSS 符號, 從這邊就可以很方便的訂閱 RSS 囉!!
    2008-12-19_231232-more-feeds 如果目前的頁面有不只一個 RSS 訂閱連結, Firefox 還會全部列出來讓你選擇 ~~

    .

    Firefox 的 RSS 訂閱功能簡介

    點選 網址列的右邊 的 RSS 符號, 就會看到下面的選項,

    2008-12-19_134648

    • 第一行的下拉式選單, 可以選擇『即時書籤』, Bloglines, Google Reader, My Yahoo, 或者選擇應用程式來訂閱 RSS
    • 第二行則可以勾選使用指定的訂閱方式, 不會再每次詢問。

    .

    詳細的使用教學, 可以參考下面的介紹 :

    RSS的訂閱已經可以利用「即時書籤」...,還多了些常用的RSS閱覽器哩!
    可以在網址列按下 ... RSS的消息來源 ..., 接著,Firefox會開啟它的xml頁面 ...
    ... 如果再按下「立即訂閱鈕」前,勾選了「每次都使用即時書籤訂閱消息來源」的話,以後會直接利用「即時書籤」處理之。

    選擇『即時書籤』,將『每次都使用即時書籤訂閱...』的選項勾起,以後就會省略選擇的步驟,直接跳出新增即時書籤的視窗

    .

    此外, 請特別注意, Firefox 提供的訂閱畫面 和 FeedBurner 提供的訂閱畫面的區別。
    左邊 Firefox 提供的訂閱畫面才是這篇文章介紹的哦~~

    Firefox 提供的訂閱畫面
    -- 本機產生, 使用 Firefox 才會看得到
    2008-12-19_211130-50
    FeedBurner 提供的訂閱畫面
    -- FeedBurner 產生的頁面
    2008-12-19_210422-50

    .

    Firefox 的 RSS 訂閱功能設定

    接下來, 可能會遇到的問題是, 如何改變 Firefox 預設的 RSS 訂閱行為? 也就是, 如果已經針對某種訂閱方式勾選了「每次都使用xxxx訂閱消息來源」, 要如何變更呢?

    第一種方式, 可以到 Firefox 的『工具』=>『選項』....

    如何更改火狐3.0預設的訂閱方式?
    按『工具』裡的『選項』。

    在『應用程式』分頁的最下面有三個RSS的小圖示,在『消息來源』的下拉式清單可以更改訂閱的方式(原先預設的選項是在Firefox中預覽),按『確定』,以後就會按照你所選的方式來執行。

    .

    第二種方式, 是到 Firefox 的後台

    • 在 Firefox 的網址列輸入 about:config
    • 按下『我發誓,我一定會小心的!
    • 輸入篩選條件 feeds
    • browser.feeds.handler右鍵, 選『重設』, 它的值應該會變回 ask
    • 如果不放心的話, 可以把 browser.feeds.handler.default browser.feeds.showFirstRunUI 也都『重設』

    .

    再來, 如果你習慣的訂閱方式沒有出現在 Firefox 的選單, 或許可以參考 Firefox 後台的幾個設定值, 上網去找答案。(我沒有實際試過)

    • browser.contentHandlers.auto.application ...
    • browser.contentHandlers.type.?. ...    (? 是一個數字)

    .

    最後補充一點, 聽說 Google Chrome 將來也會使用類似的方式來 支援 RSS 訂閱

    Google公佈Chrome RSS支援說明文件
    ... 自動偵測RSS和Atom傳輸 ... 將在網址列顯示一個RSS圖像
    ... 當某人點入一個RSS傳輸連結,Chrome會顯示出該內容的瀏覽器格式版。內容之上會有一個「現在訂閱」的按鍵和下拉式選單,讓你選擇特定的閱讀軟體。

    .


    (...繼續閱讀.../...CONTINUE...)

    2008年7月22日 星期二

    Firebug ---- 部落客『玩網頁』的『神器』---- ( CSS 篇 )

    getfirebug.com 

    Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page.

    ( Firebug 讓你可以『即時』編輯, 除錯, 觀察 任何網頁的 CSS, HTML, JavaScript。)

    .

    可別小看這麼一句話, 實際用過之後, 你就會發現 Firebug 是部落客『玩網頁』的『神器』。不只是 Firefox, 既使在非 Firefox 的其他瀏覽器, 都還有 Firebug Lite 可以用。

    .

    如果不排斥英文網頁, 建議到 http://getfirebug.com/ 官網『看圖說故事』, 相信一定不會空手而回

    .

    • Firebug 修改版面的成果

    先來看看最近利用 Firebug 修改版面的成果, 和之前不斷的『修改 => 存檔 => 更新頁面 => 試誤 => 修改 => 存檔 => 更新頁面 => 再試誤 =>  ... 』, 比起來, 真的『快了不只十倍速』

    修改前 修改後

    2008-07-22_182223

    2008-07-22_182519

    • 加上綠豆豆, 文章標題就不再打架囉

    #ArchiveList ul.posts li {background: transparent url(http://www.blogblog.com/tictac/tictac_green.gif) no-repeat scroll 0pt 5px; padding-left:2.5em; text-indent:0px; margin-left:-1.2em;}

    .

    修改前 修改後

    2008-07-22_182208-1

    2008-07-22_182540

    • 標籤雲按鈕底下加了分隔線
    • 文章列表左右間距對稱

    #headerBlock {margin:0 0 5px 0;padding:0 0 5px 0;border-bottom:1px dotted;}
    #Label1 #postsList ul li {margin-left:-0.8em;}

    .

    • Firebug 簡單上手

    2008-07-22_200258 

    • 安裝好 Firebug, 會在 [1] 的位置看到一隻『Firebug』, 點一下就可以打開 Firebug 的視窗。 (如果網頁有錯誤, 則這個位置會變成紅字, 但還是可以點一下/或兩下)
    • 到 [2] 的位置選『觀察』,
    • 游標在畫面上移動時, 會有藍色框框標示出 HTML tag 的範圍 (如: [3])
    • [4] 的位置自動顯示對應的 HTML 原始碼區段
    • [5] 的位置則是 CSS / style 的資料 (越上面越優先)

    .

    • => 選定後, 在 [3] 的位置點一下
    • 再到 [5] 的位置修改屬性, 例如: -1.2em 變成 -0.8em
      ( 按 enter 就好, 不要加上分號『;』, 否則會語法錯誤 )
    • 另外, 按一下左邊那個image禁止符號, 變成紅色之後, 那個屬性會暫時失效, 以方便觀察該屬性的作用為何
    image  image
    image  image

    .

    • 輸入 或 刪除 特性
    image

    按右鍵, 選『新特性』
    image
    還有『自動完成』, 輸入 mar 會提示 margin, 而 margin-r 會提示 margin-right

    按冒號『:』再輸入值, 例如: -5em
    ( 按 enter 就好, 不要加上分號『;』)
    image


    或者, 按右鍵, 刪除 ...

    .

    『簡單上手』, 大概就是這樣, 其餘請看底下參考資料, 有更詳細的介紹。

    .   

    觀察/修改 CSS, HTML

    Firebug 具有的強大 HTML 及 CSS 即時檢視和編輯功能,很適合在修改網頁樣式時使用,即使對 HTML 或是 CSS 不熟的人也很能快的了解其架構並加以修改。

    ... 通常都會做許多的嘗試和組合 ...,每次修改完至少都需要重新整理一次才能看到成果,在這一來一往中無形就浪費了不少時間和精力。

    Firebug 能讓開發者在修改網站任何一個元素時,能立即看到成果(有所見即得的味道),加上它會很貼心的幫你檢查錯誤,著實替開發者省了不少氣力。當然它也提供 HTML 結構化顯示和 Tidy CSS 的功能,沒有它我的眼睛應該瞎了吧 :P。

    如果你以為這麼好用的工具只能在 FireFox 上用,你就真的是大錯特錯呀!在官方網站上有提供在 IE, Opera, or Safari 使用 Firebug 的方法,有興趣想使用的人就快去嘗試一下這個好用的工具吧。

    ... 通常都是用 trial-by-error 的方法來做,所以不太有效率,FireBug 包含了一個輕型的 javascript debugger,可以很方便的 set breakpoint 及檢查 variable 的 value 來測試什麼地方出現問題,還可以 inspect Ajax Request 及檢視 Source、style、layout、events 及 DOM,除此以外,還有 javascript command line 等等的功能,

    .

    測試頁面速度, 網頁檔案大小

    .

    其他

    .


    (...繼續閱讀.../...CONTINUE...)

    2008年7月19日 星期六

    我的 Firefox 3.0 Addons List

    隨著時間推移, 以及 Firefox 3.0 的發佈, 我的擴充套件也有了改變, 有些是「無法升級」到Firefox 3.0 而找來的「替代品」, 有些則是隨著需求而增加或減少的。

    .

    • 繼續沿用的擴充套件

    (相較於 2008-01-10, 火狐上場主投 -- 我的 Firefox Addons List)

    - Extension List Dumper 1.14.1
    http://sogame.awardspace.com/
    顯示一個擴充套件列表清單

    - Google Toolbar for Firefox 3.1.20080605W
    http://www.google.com/
    讓 Google 的強大功能伴您遨遊網路世界!

    - IE Tab 1.5.20080618
    http://ietab.mozdev.org/
    讓 Firefox 也能內嵌 IE 用雙核心!!!

    - Personal Menu 4.1pre
    https://addons.mozilla.org/firefox/3895/
    取代一成不變的選單, 美化您的 Firefox!

    - Secure Login 0.9.2.6
    https://blueimp.net/mozilla/
    一個提供與 Opera 的 Wand 登錄相類似功能的擴充套件。

    - SwitchProxy Tool 1.4.1
    http://mozmonkey.com/
    A tool that allows you to manage and switch between multiple proxy configurations quickly and easily.

    .

    • 新增的 擴充套件

    - Aging Tabs 0.7
    http://en.design-noir.de/mozilla/aging-tabs/
    未使用的分頁隨時間褪色且高亮度選擇的分頁

    image

    讓您的分頁隨著時間的增加,而慢慢變暗喔!

    => Aging Tabs ~ 分頁會隨時間褪色 (海芋小站, 2008-06-27)


    - AideRSS Google Reader Integration 2.0
    http://gr.aiderss.com/

    如果你同時是「Firefox」「Google Reader」的用戶,...,沒有足夠時間消化龐大的訂閱資訊,...,想要按下〔Mark all as read〕卻又不捨錯過好文章,那麼你更應該試用看看「AideRSS + Google Reader」的資訊評鑑與過濾模組

    => AideRSS + GoogleReader 2.0全面開放,有效率閱讀好資訊 (電腦玩物, 2008-07-13)

    - All-in-One Sidebar 0.7.6
    http://firefox.exxile.net/aios/
    受獲獎肯定的側邊欄擴充套件!

    把套件,佈景主題,下載,書籤,JavaScript Console,Sage,ScrapBook 都合到 Sidebar 裡頭,還可以簡化及排序套件跟佈景主題,可以少安裝幾個套件

    - CoLT 2.4.1
    http://www.borngeek.com/firefox/colt/
    在瀏覽器的快顯功能表中,新增一個「複製鏈結名稱」項目。

    用各種你需要的格式複製超連結 把超連結用HTML等不同格式複製下來,以我自己來說,對於寫部落格文章要張貼超連結時非常的方便實用。

    => Firefox 3 可用和推薦的擴充套件列表,歡迎補完! (電腦玩物, 2008-06-29)

    - Greasemonkey 0.8.20080609.0
    http://www.greasespot.net/
    Firefox的使用者腳本管理器,讓您的網頁利用變的更方便

    只要裝上Greased Lightbox就可以直接在頁面開啟圖片 縮小也很簡單,只要按下...「-」(減號)... 放大當然就是按「+」(加號)囉 按下最左邊看起來像「旋轉」的按鈕,則是可以自動播放照片 左右方向鍵可以切換下一張或是上一張 在Flickr裡面也是很好用的,

    => [GMScript] 方便看圖的Greased Lightbox (Meet See, 2008-07-14)

    • 目前只裝了 Greased Lightbox (v0.17)
      不過, 在 Blogger 線上編輯時, 切換『修改HTML』和『撰寫』, 有時似乎會因為 Greased Lightbox 而有問題

    - Locationbar² 1.0.3
    http://en.design-noir.de/mozilla/locationbar2/
    Formats and linkifies addresses in your Location bar.

    image

    讓使用者可以依自己喜好自訂網址列的顯示方式。

    => 值得一提的火狐套件更新:NoScript、Locationbar (電腦玩物, 2007-03-02)

    - McAfee SiteAdvisor 26.6
    http://www.siteadvisor.com/
    可提供安全搜尋與瀏覽的 McAfee SiteAdvisor Firefox Extension

    - Nightly Tester Tools 2.0.2
    http://www.oxymoronical.com/web/firefox/nightly
    Useful tools for the nightly tester.

    • => 不相容 Firefox 3 的套件, 靠 Nightly Tester Tools 擋著...

    - Password Exporter 1.1
    http://passwordexporter.fligtar.com
    匯出及匯入您已儲存的密碼。

    - Pmog 0.418
    http://pmog.com/
    Interface for the online game PMOG.

    現實網路尋寶冒險,Firefox上的被動式多人線上遊戲 一個可以讓你在Firefox上玩的線上遊戲,事實上你也沒有真的在玩,因為上網的任何一個動作,就等於是參與這個遊戲。

    => 現實網路尋寶冒險,Firefox上的被動式多人線上遊戲:PMOG (電腦玩物, 2008-03-01)

    - Tab Scope 0.2.2.8
    http://www.xuldev.org/tabscope/
    Preview and navigate tab contents through popup.

    當滑鼠移到 tab 上面的時候會以快顯小視窗的方式顯示網頁的預覽縮圖。不僅如此,在這個小小的預覽視窗上還能操作上一頁、下一頁、重新整理及停止載入等動作。

    => [Firefox Add-ons] tab 的預覽小視窗功能 - Tab Scope (0 與 1 的邂逅 @joaoko, 2007-05-09)

    .

    • 「無法升級」到Firefox 3.0, 或其他原因 而找來的「替代品」

    之前的 addons (2008-01-10) 現在的 addons (2008-07-19)
    - DOM Inspector 1.8.1.11
    http://www.mozilla.org/projects/inspector/
    Inspects the structure and properties of a window and its contents

    - Firebug 1.2.0b6
    http://www.getfirebug.com/
    Web Development Evolved.

    - Drag de Go 0.2.5
    http://forums.mozillazine.org/viewtopic.php?t=440259
    允許您使用拖曳手勢來執行幾個常用命令

    - Easy DragToGo 1.1.2.1
    http://addons.sociz.com/firefox/700/

    輕鬆使用拖動手勢打開分頁

    - Tab Mix Plus 0.3.6
    http://tmp.garyr.net/
    強化瀏覽器的分頁瀏覽功能

    - Tab Mix Lite CE 3.0
    http://addons.sociz.com/firefox/54/
    輕巧方便的分頁擴充套件


    - Session Manager 0.6.1.13
    http://sessionmanager.mozdev.org/
    儲存及還原所有瀏覽視窗的狀態。

    - Firebug 1.2.0b6
    http://www.getfirebug.com/
    Web Development Evolved.

    Firebug,它是網頁設計師的好幫手,不但可以測速度、顯示CSS標籤、框架與各種網頁程式碼的內容,更可幫我們測試網頁下載速度與、除錯等,...,真的相當好用唷。

    => Firebug 幫網頁稱重量、測速度,抓出拖慢網站的元兇! (重灌狂人, 2008-06-16)

    .
    • 既使裝了 Nightly Tester Tools 也還是被停用的

    - CLEO 3.3.1
    http://customsoftwareconsult.com/extensions
    Create multi-addon install package (Cleopack)

    - FEBE 5.3.1
    http://customsoftwareconsult.com/extensions
    Backup your Firefox data

    - Free Download Manager plugin 1.3
    http://freedownloadmanager.org/
    Free Download Manager integration with Firefox browser.

    - 新同文堂 (New Tong Wen Tang) 0.3.8.9
    http://rt.openfoundry.org/Foundry/Project/?Queue=333
    中文繁簡轉換 (Chinese Simplified<->Traditional switcher)

    .

    • 停用或少用的

    停用或少用的 原因 或 功能重複 的
    - Net Snippets Toolbar 1.0.5
    http://www.netsnippets.com/
    Internet Research Software for Mozilla Firefox
    用 NepSnippets Desktop Bar (外部程式) 替代, 把『鏈結』 或『選取範圍』拖放到 Desktop Bar, 就可以收錄 捷徑 或網頁內容到 NetSnippets,
    - PlainOldFavorites 1.0
    http://www.iosart.com/firefox/plainoldfavorites/
    Use Internet Explorer Favorites directly from Firefox
    用 NepSnippets Desktop Bar (外部程式) 替代,
    - ScrapBook 1.3.2.5
    http://amb.vis.ne.jp/mozilla/scrapbook/
    協助您收藏網路各項資料,簡單方便!
    用 NepSnippets Desktop Bar (外部程式) 替代,

    - Zotero 1.0.6
    http://www.zotero.org

    暫無需求

    - Download Statusbar 0.9.6.3
    http://downloadstatusbar.mozdev.org/View and manage downloads from a tidy statusbar

    - All-in-One Sidebar 0.7.6
    http://firefox.exxile.net/aios/
    把 下載 合到 Sidebar 裡頭,

    - Gmail Manager 0.5.5
    http://www.longfocus.com/firefox/gmanager/
    Gmail accounts management and new mail notifications.

    有時會自動被登出 Google Reader ...

    - Leak Monitor 0.4.2
    http://dbaron.org/mozilla/leak-monitor/
    This extension pops up an alert dialog to warn chrome and extension developers about one particular type of leak. It warns when windows close but leave other code pointing at their JavaScript objects.

    一直出現訊息, 不知 leak 的真假

    - PicLens 1.7.0.3458
    http://www.piclens.com/
    Discover More

    少用

    - QuickDrag 1.0.5
    http://mozilla.ktechcomputing.com/quickdrag/
    Extends the function of the drag-and-drop mouse gesture so that it can be used to load URLs, do a web search of selected text on a page, or save an image on a page.

    - Easy DragToGo 1.1.2.1
    http://addons.sociz.com/firefox/700/
    輕鬆使用拖動手勢打開分頁

    - QuickProxy 2008.05.30
    Quickproxy creates a statusbar button to quickly turn the proxy on and off.

    - SwitchProxy Tool 1.4.1
    http://mozmonkey.com/

    .


    (...繼續閱讀.../...CONTINUE...)