利用Firefox內建的適應性設計檢視模式來查看各螢幕尺寸所呈現的網頁樣貌

(圖片來源)

現在的網頁很多都是採用RWD設計,可以讓訪客在不同的螢幕尺寸中都得到最佳的閱讀效果,而之前也介紹過幾個線上的Responsive Layout測試工具,可以協助我們來模擬各尺寸的的效果,今天,在拜讀了「Responsive Web Design Tester 響應式網頁開發工具,在瀏覽器測試網站顯示效果」一文後,突然想到其實Firefox已經有內建類似的功能,透過這個「適應性設計檢視模式」就可以簡單的達到我們的需求,很適合不想要額外裝外掛的人且使用率不高的人試試

網址:Responsive Design View 官方說明

Read more

[Chrome/Firefox] RESTFul 擴充元件、外掛與實用線上工具整理

現在很多的系統都是採用RESTful架構來設計,本篇不談什麼是「RESTful」,不清楚或者想了解的人可以搜尋一下就有很多相關的文章可以參考,一般來說,工程師比較會遇到這部分的技術,然而,不管你是負責設計Server端或Client端,一定需要一些工具來協助驗証才能增加效率,本文將介紹幾款我比較常用的Chrome、Firefox的RESTful外掛、相關資訊給大家,一方面自己做記錄,一方面提供有給需要的人參考,如果不喜歡外掛形式的人,文末也會提供現成的線上工具可以直接測試使用。

Read more

[Chrome/Firefox] Hola Better Internet § 超推薦的翻牆工具,破解地區限制影片超簡單

第一次接觸到「Hola Better Internet」這款Chrome的擴充元件時,只能說太方便啦,它可以快速的幫我們翻牆到別的國家,重點是非常的簡單的易用,你會問那這個翻牆工具要幹嘛?當你想要看國外、大陸的某些影片時(如Youtube、優酷Youku、騰訊視頻等等),如果出現了你的地區不支援的時候,那麼就是它上戰場的時刻啦!之前類似的套件就屬「Unblock Youku」最為知名,但如果你試用過Hola Better Internet後,應該會覺得Hola Better Internet完勝呀,總之,當你在看影片遇到地區限制時,安裝這個擴充元件就沒錯啦,而且它Chrome、Firefox、IE等三個瀏覽器都支援喔。

下載:Chrome 專用Firefox專用

Read more

[Firefox] 顯示檔案下載狀態資訊,用Download Status Bar取代Download StatusBar

用「Download Status Bar」取代「Download StatusBar」?有點繞口是吧,其實這是二個不同的Firefox外掛,都是可以用來顯示檔案下載時的即時狀況,之前一直使用的Download StatusBar還蠻穩定的,沒有出過什麼大問題,可是在FF升上26.0版後,Download StatusBar就不支援了,所以導致現在要在Freifox中看下載資訊時,必需由功能列中選擇「工具」→「下載」,才能看到真正的下載情況、進度等

我想這對大家都是相當的不方便的,幸好,另一個「Download Status Bar」外掛可以解決這個棘手的問題,但由於二者的名字真的太像了,說真的有點互別苗頭的意味存在

下載:Download Status Bar

Read more

安裝腳本向AdF.ly、Linkbucks、Adfoc.us的廣告說拜拜,Firefox、Chrome適用

在上篇「如何跳過AdF.ly、Linkbucks、Adfoc.us等短網址的煩人廣告」中藉由還原網址來跳過廣告,或許有人會覺得每次都要利用線上工具的話也太麻煩了吧,那也沒關係,因為你可以利用這次要介紹的外掛(腳本)來解決這個困擾,不管是Firefox或是Chrome都可以將短網址自動轉址到原網址,既不會彈跳出廣告,速度也很快,是被我列為必裝的腳本之一喔。

下載點:Firefox 繁體中文免安裝版Chrome免安裝版Greasemonkey
腳本安裝:RedirectionHelper(轉址小幫手)、AdsFight!

Read more

[Firefox] about:addons-memory § 找出Firefox的附加元件中誰是吃記憶體的怪獸

Firefox擁有相當多實用的ADD-ONS,但你知道在裝了那麼多的附加元件之後,哪些元件是吃記憶體的大怪獸嗎?我們是不是需要檢視一下我們所裝的Add-ons,把一些記憶體佔太大的元件替換掉,然後讓Firefox能夠更靈活一點,執行的速度快一些呢?試試「about:addons-memory」這個簡單的分析外掛吧,它可以快速分析出目前使用的附加元件所佔的記憶體大小,其圖形化的呈現方式會比直接在網址列上輸入「about:memory」來的容易懂。

Read more

QSearch - Facebook塗鴉牆搜尋引擎,可搜尋歷史動態消息、貼文

前幾天在Facebook上看到有人分享「QSearch」這個新興的工具,接著又拜讀了「讓你快速搜尋 Facebook 塗鴉牆內容——QSearch 團隊專訪」,因此對它有了初步的了解,它主要的功能就是可以用戶在Facebook上搜尋塗鴉牆的內容,讓你可以輕鬆的找回之前的回憶、留言、動態,是個相當方便的小工具,相信可以幫助一些人尋找過往的資料,更何況這工具是由是國內團隊所開發,請大家多多的支持。

網址:QSearch官網Chrome ExtensionFirefox Add-on

Read more

[Firefox] Standalone Image Background and Transparency 自定顯示透明背景圖片的顏色

會發現這個「Standalone Image Background and Transparency」腳本,是因為上Firefox 18時,原本安裝的「Old Default Image Style」在FF 18上運作有點失效,所以背景沒有呈現透明色(棋盤狀),因此找了這個腳本來替代,效果上也能達到同樣的效果,有此需求的網友可以參考一下。

註:Old Default Image Style已更新,在Firefox 18運作上可正常顯示透明色

下載點:Firefox 繁體中文免安裝版Greasemonkey
安裝腳本:Standalone Image Background and Transparency

Read more

Powerbot(原Everbot) § 替Evernote與GMail、Google日曆搭起溝通橋樑

之前曾在「如何使用電子郵件自動建立EverNote的筆記」一文中說明如何利用電子郵件來建立Evernote的記事,這的確是一個不錯的好方法,不過缺點是它需要記住一些特定的符號、關鍵字等,所以在使用上會比較不方便些。而今天要推薦給大家的「Powerbot」也有類似的功能,但可以透過視窗介面來操作,因此在便利性上會大大的增加,什麼是Powerbot呢?它是個可以連結Evernote到GMail、Google日曆的Chrome/Firefox擴充套件,以GMail為例,它可以在寫信時插入Evernote記事,或者將重要的信件寄回到Evernote以建立記事,是不是很方便呢?相信對於Evernote的重度使用者來說,這是個很值得推薦的套件。
註:Everbot已更名為Powerbot

下載:Powerbot for GMailPowerbot for Google Calendar

Read more