Chrome外掛－JSON Formatter讓JSON格式以樹狀呈現，不再像天書一樣密密碼碼的

由於最近在原形駭客的網站中，看到一篇相當有意思的文章，就是將WordPress以json的方式進行串接，說真的梅干用了這麼久的WordPress，還真不知道，原來WordPress有提這樣的功能，透過這個json格式，就可自行的取得所需的資料，而什麼是json，其實它就與xml有點雷同，打開json的檔案，就會看到一堆密密碼碼的文字，就跟天書一樣，其實這是因為json本來就是文字檔，所以需要透過程式來進行解析後，才能將畫面給呈現出來。

雖然說透過程式來進行解析沒問題，但光是看到那密密碼碼的文字，完全沒有一個結構性，當要解析就像瞎子摸象一樣，因此梅干花了點時間，找到一隻Chrome瀏覽器的外掛，可針json格式進行格式化，並以樹狀結構進行呈現，透過樹狀結構，就更容易了解整個json資料的關聯性，當透過程式進行解析時，就更若的容易啦！因此有需要的朋友，現在也一塊來看看這隻外掛吧！

JSON Formatter

外掛名稱：JSON Formatter
適用平台：Google Chrome
外掛下載：https://chrome.google.com/webstore/detail/json-formatter/bcjindcccaagfpapjjmafapmmgkkhgoa?utm_source=chrome-ntp-icon

原始介紹文章出自於此

輕鬆做出美觀的自適應 RWD 表格(Table)﹍jQuery 輕量外掛

最近的案子處理行動版的表格效果時，發現以前的「Blogger 插入表格最佳流程 + 自適應寬度」，這個方式若用在商業網站，將沒有任何質感可言，甚至可以用簡陋來形容。

於是找了一下自適應 RWD 表格有沒有比較美觀，而且又簡便的處理方式。有發現幾個功能強大的外掛，但操作稍嫌複雜。

本篇要介紹的方案，比較能夠無腦套用，且現成的樣式、配色就很美觀，不用另外修改或研究 CSS 語法。

點此看範例網頁

簡易外掛 Basic Table
本篇要介紹的 jQuery 超輕量外掛 Basic Table，檔案很小，其實不必找外連空間，js/css 直接塞範本就好：

• 官網頁面：Basic Responsive Table Plugin For jQuery
• Demo 頁面：JQUERY BASIC TABLE PLUGIN DEMOS

原始介紹文章出自於此

Mobile View Switcher 在電腦瀏覽【手機版】網頁（支援Chrome, Firefox）

現在越來越多網頁都會另外提供行動版的瀏覽介面，讓手機或其他行動裝置的使用者能有比較簡潔或載入速度快一點的頁面設計可以用。

如果你因為某些因素常常需要檢視不同網站的手機版頁面，或這希望在修改或設計自己網站時能有比較簡單、快速的方法來預覽，可以試試看本文介紹的 Mobile View Switcher 外掛程式，讓桌面版的 Firefox 或 Google Chrome 瀏覽器都能輕鬆切換、檢視行動版頁面的內容。

Mobile View Switcher 的使用方法很簡單，安裝好之後按一下按鈕就可以切換成手機版頁面、再按一下就切換回來。另外在設定頁面中也可以自訂 User Agent，偽裝成你要的裝置或瀏覽器，相當簡單。

• 官方網站：https://mybrowseraddon.com/
• 軟體下載：Chrome 版按這裡、Firefox 版按這裡

原始介紹文章出自於此

自適應 RWD 多層下拉選單實作﹍Bootstrap 外掛 SmartMenus

所有網站架設要處理的區塊中，導覽列的下拉選單是最麻煩的一部份，如果需要「多層下拉選單」的話，難度就比較高，可參考「Blogger 多層下拉選單實作」。

而行動裝置使用率大幅攀升後，導覽列非常需要有自適應 RWD 效果，手機上才能同步呈現下拉選單這麼複雜的功能。因此製作 RWD 導覽列含多層下拉選單，我認為是架設網站的過程，難度最高的一部份。

所以在這篇「如何從 Blogger 範本網站挑到理想的版型，且不會出錯」，我強烈建議挑選範本時，導覽列的功能要放最高權重。

而如果你熟悉 HTML/CSS 的話，有機會可以自製 RWD 多層下拉選單，不用跟別人撞衫，而且並不困難，因為國外已經開發了非常完整的免費外掛，以下就來看如何實作。



原始介紹文章出自於此

使用瀏覽器外掛《MailTrack for Gmail》 完全融合Gmail介面強化讀取追蹤功能

在許久之前，我們曾介紹過「加裝瀏覽器外掛《Sidekick》　讓你的Gmail也有信件追蹤功能」， 這套Chrome瀏覽器的擴充元件可以讓Gmail有著強大的信件開啟、讀取通知，但是使用上必須要連線到他們的網頁上才能觀看，這點讓不少人詬病。但是 現在有另外一套《MailTrack for Gmail》，介面上是完全融合在Gmail裡面，而且直接在信箱中就可以看到狀態的喔。



原始介紹文章出自於此

微軟推出免費翻譯工具「Microsoft Translator」

網站名稱：Microsoft Translator
網站鏈結：https://www.microsoft.com/translator/
程式下載：從官方網站下載

iOS 用戶請直接點 APPLE Watch 那個下載點就可以，是同一個，而 Windows 目前僅支援 10。

Microsoft Translator 目前支援 iOS、Android、Windows Phone 應用程式，同時也有 Windows（僅支援 Windows 10）、Skype、Office、Word Online 等版本可以下載、使用。

---------------------------------------------------------------------------

微軟前段時間推出全新免費翻譯應用程式 Microsoft Translator， 可在手機、平板電腦上免費下載、使用，而且支援穿戴型裝置例如 Apple Watch 和 Android Wear，其中有個很實用的免費工具 Translator Widget ，能把翻譯功能內嵌到網站或部落格，讓你的內容支援多國語言，如果你想讓其他國家的讀者看得懂你的網站、部落格內容，那麼趕快參考本文的教學來把它加入網 站。

網站名稱：Translator Widget
網站鏈結：http://www.bing.com/widget/translator

---------------------------------------------------------------------------

原始介紹文章出自於此-免費資源網路社群1

原始介紹文章出自於此-免費資源網路社群2

原始介紹文章出自於此-就是教不落

FACEBOOK安全？什麼是安全性檢查，我該如何進行這項操作？

請點選以下網址進行檢測
官方檢測工具～應該可以相信的啦！

https://www.facebook.com/help/securitycheckup

台語兒 – 把網頁內容用台語唸給你聽

很久很久以前曾經介紹過台灣工研院研發「中文文字轉語音合成系統」，可以在上面輸入文字讓電腦唸出來給我們聽，後來才知道除了原本的國語男聲、國語女聲之外，也已經提供中英統合、台語語音…等選項。
這兩天看到網友分享了一個 Google Chrome 瀏覽器的外掛程式（亦支援 Firefox），就是取用工研院文字轉語音服務做成的小工具，可以讓我們在瀏覽網頁時，隨時按右鍵、以台語朗讀網頁中的文字，還蠻有趣的……
雖然「台語兒」這名字怪怪的，不過倒是的很有趣的應用。如果你覺得還不夠的話，也可以再看看之前曾經介紹過「台灣閩南語常用詞辭典」，用來查詢一些常用字詞的台語發音與念法，甚至還有手機專用的「台語輸入法」，可以用比較有彈性的方式輸入中文字。

Google Chrome 版, Firefox 版


原始介紹文章出自於此

2014電腦玩物精選23款最高效率 Google Chrome 擴充功能

今年開始，我慢慢的從使用 Firefox 的習慣改成以 Google chrome 為主力，其實 Firefox 最近的瀏覽器效能更優於 chrome，但是考量 Google chrome 對更多雲端服務的支援（像是對我很重要的 Google 雲端硬碟離線編輯），於是投入了 chrome 使用族群。
另外還有一個很明顯的趨向，就是 Google chrome 上有愈來愈多獨特的擴充套件，或是實用的 chrome App， 而 Firefox 反而在擴充功能發展上顯得比較停滯。
例如 Evernote 使用者必用的 Evernote Web Clipper ，在 Google Chrome 上日新月異，但在 Firefox 上卻進步緩慢。
所以在 2014 年，你可能看過電腦玩物有更多對於 Google chrome 瀏覽器的使用心得，而今天這篇文章，我想幫大家整理的是在這一年裡我覺得不能錯過、值得安裝的 Google Chrome 擴充功能套件。
或者你也可以參考我針對特定主題整理的 Google Chrome 特殊套件：

• 10個你可能沒發現的 Google 製作超好用 Chrome 瀏覽器擴充
• 開始美好一天！我的10個 Google Chrome 最佳起步方法

原始介紹文章出自於此

Chrome 外掛 RWD 檢測工具

Mobile/RWD Tester：

外掛名稱：Mobile/RWD Tester
適用平台：Google Chrome
外掛網址：Chrome Store

Responsive Inspector：

外掛名稱：Responsive Inspector
適用平台：Google Chrome
外掛網址：Chrome Store

Responsive Site View：

外掛名稱：Responsive Site View
適用平台：Google Chrome
外掛網址：Chrome Store

原始介紹文章出自於此篇

Magic Actions for YouTube 升等最流暢高畫質劇院級觀影體驗

多年之前曾經寫過一篇「如何將Google Chrome打造成 YouTube高畫質影音專用播放器？」，當時找了很多擴充套件來改造在 Google 瀏覽器裡觀賞 YouTube 影片的體驗，不過事隔多年，其中有些套件失效，有些套件有了更好的選擇。

於是最近我做了一次全新的測試比較，看看哪款 YouTube 擴充套件可以符合我現在想要「更流暢的」欣賞「高畫質」影片的需求，而最終成為我目前首選的是同時可以在 Google Chrome、 Firefox、 Opera 上使用的「 Magic Actions for YouTube 」。

「 Magic Actions for YouTube 」也已經推出多年，但仍然常常更新，若是你尚未用過，那麼推薦真的可以安裝來與自己慣用的套件比較看看。我覺得「 Magic Actions for YouTube 」的優點在於介面好看又好上手，解決目前 YouTube 常見問題，特殊戲院模式提供很舒適的影片欣賞體驗，確實讓 YouTube 有「大升級」的效果。



「 Magic Actions for YouTube 」支援多種瀏覽器， Google Chrome、 Firefox、 Opera 用戶都可以直接到其官方網站，在中間選擇自己使用的瀏覽器，來下載安裝相應的套件即可：http://www.chromeactions.com/


其他詳細內容請參考原始文章

簡單好用的郵件分身服務MaskMe，幫你擋掉煩人的垃圾郵件！

今天要介紹的這個MaskMe的方便性更勝前面介紹過的服務，因為MaskMe可以結合Chrome瀏覽器直接來幫你輕鬆製作「郵件分身」，讓你的真實Email不會曝光，而且每個分身都能隨時開關，甚至是拋棄，徹底杜絕垃圾信的騷擾。

https://chrome.google.com/webstore/detail/maskme/dpkiidbpeijnaaacjlfnijncdlkicejg






原始介紹文章出自於此

Facebook 第三方工具《Friend List Manager》整理好友名單分類便利好用

Facebook 好友整理時，如果要編輯分類，要一個個下拉選擇，非常的麻煩，後來找了一下，發現一個很好用的第三方線上工具 《Friend List Manager》一個頁面完整顯示全部的分類及分類編輯功能等等，快速整理好友名單，介面也超直覺好用，快來整理你的好友名單吧。


http://dtinth.github.com/friendlist/



原始介紹文章出自於此

Chrome 遠端桌面 正式版新增 即時聲音同步 與 複製貼上

Google推出Beta版「Chrome Remote Desktop（Chrome遠端桌面）」，這是一個可以安裝在Google Chrome瀏覽器中的App，讓你在任何可以使用Google瀏覽器的電腦中，遠端操控、讀取另外一台電腦的資料。
你 只需要在家裡桌機的Google Chrome中安裝「Chrome遠端桌面」套件，然後在你筆電中的Google瀏覽器同樣安裝「Chrome遠端桌面」。那麼你就能在外面的咖啡廳裡， 從筆電連回家中的電腦，讀取檔案、開啟軟體、列印資料等等。當然，你也可以透過這樣的功能來幫家人修理電腦。
而經過了一年的Beta，最近Google終於把「Chrome遠端桌面」升級到正式版本。並且加上了兩個實用的新功能：1.即時聲音同步，你可以從遠端桌面聽家裡電腦播放的MP3。2.本地與遠端電腦之間的複製貼上。

• Chrome遠端桌面：https://chrome.google.com/webstore/detail/chrome-remote-desktop/gbchcmhmhahfdphkhkmpfmihenigjmpp

原始介紹文章出自於此

Cloud Save 按右鍵！將網頁中的下載檔、照片轉存到雲端硬碟！

網友分享了一個很不錯的 Google Chrome 瀏覽器擴充套件，主要功能就是在我們瀏覽網頁時、看到不錯的圖檔或檔案的話，可以直接按滑鼠右鍵轉存、備份到雲端硬碟裡，可支援的線上儲存服務與網路相簿 包括 Picasa, TwiPic, Flickr, Imgly, Facebook, Box.com, SugarSync, Dropbox, Google Drive, Minus, Amazone Cloud, Droplr, SkyDrive… 等等二十多個。


https://chrome.google.com/webstore/detail/cloud-save/dlbemabjbfhjcccahjioenmkgimjbbkd



原始介紹文章出自於此

活用 Visual Studio 2010 擴充套件 (共 5 集)

活用 Visual Studio 2010 擴充套件 (1) - 擴充管理員入門
Visual Studio 2010 擴充管理員功能介紹、Visual Studio Gallery 網站功能介紹

活用 Visual Studio 2010 擴充套件 (2) - 提高操作效率的擴充套件
介紹幾款提高操作效率的擴充套件：Productivity Power Tools, NuGet Package Manager, WoVS Default Browser Switcher, Image Optimizer

活用 Visual Studio 2010 擴充套件 (3) - Web Standards 與 Web Essentials
本次介紹 Web Standards Update for Microsoft Visual Studio 2010 SP1 與 Web Essentials 這兩個好用的擴充套件


活用 Visual Studio 2010 擴充套件 (4) - 程式碼產生器
本次介紹 Visual Studio 2010 內建的 T4 程式碼產生器機制與兩套好用的擴充套件，分別是 tangible T4 Editor 與 T4 Toolbox

活用 Visual Studio 2010 擴充套件 (5) - All-in-One Code Framework
本次介紹 Microsoft All-in-One Code Framework 範例程式瀏覽器，同時介紹能在 Visual Studio 2010 中使用的搜尋介面與功能，以及透過 ClickOnce 下載的最新版 Sample Browser，不但範例程式多達 3,500+ 多個各式專案，還能針對中意的範例進行管理，非常實用！






原始介紹文章出自於此

 

3款Google+新介面調整外掛，讓畫面看起來更舒適

GExtend 是最基本款的介面修改擴充套件，安裝之後訊息串的寬度會加寬，把空白的區域填補起來，所有訊息串裡面的圖片、影片也會等比例加大，讓畫面看起來更舒服，但 如果你的螢幕超過24吋的話，眼球左右移動的範圍會很長喔！看自己惜不習慣這樣的閱讀方式，我23吋螢幕看起來還能接受。（Chrome 限定）

G+Better 跟 GExtend 效果差不多，但多了推薦欄和右側欄位的顯示開關，方便將該兩處欄位隱藏/顯示，更適用於不同解析度下瀏覽。（Chrome、Firefox 適用）

如你想要保留原本介面的感覺，那麼 Whitespace Remover 應該非常適合你， Werboy 本身也喜歡這款。簡單來說它把 Google+ 頁面中間的訊息串欄位寬度縮小並置中，左邊的功能導航欄也隨訊息串置中，不但不失 Google+ 原本的寬度設計，在各個頁面瀏覽上也非常舒適，眼球不需跟著畫面「做運動」。搭配 G+Better 使用，把推薦欄隱藏起來效果更棒！（Chrome 限定）






原始介紹文章出自於此

《Ant Video Downloader and Player》超強悍的網站影音下載利器

在Firefox瀏覽器中最常用來下載Youtube的工具應該就是先前介紹過的套件FastestTube，因為真的很方便，不過如果是其它的影音或是某某網站內嵌的影音檔案就得另外想辦法，今天來介紹一款更強力的網站影音下載工具，Firefox擴充套件《Ant Video Downloader and Player》，這款套件並不是針對影音網站來下載，而是直接偵測你頁面上所有能下載的影音，直接讓你選擇下載，經過測試不論是嵌在無名、Xuite、一般網站或是最常用的Youtube，幾乎都可以下載，真的是非常強悍的下載套件。


軟體版本：2.4.5
軟體語系：多國語系
軟體下載：下載頁、另有IE版下載請點我




原始介紹文章出自於此

Chrome Radio Player 在瀏覽器上直接收聽廣播電台

最常聽的音樂電台應該是Kiss Radio，但又不喜歡另外再開一個電台軟體，通常都會開啟Kiss Radio的網頁聽音樂，但其實我們也可以透過Google Chrome擴充套件【Chrome Radio Player】直接在Chrome上播放廣播電台，不過這並沒有內建頻道清單可以直接選擇，需要手動加入，不過阿湯找到網友自製的國內常見廣播頻道清單，直接匯入即可，喜歡聽廣播的朋友就可以不用另外再開啟軟體，邊上網邊聽囉。

官方網站：請點我
Chrome應用商店：請點我
套件版本：1.1.16 


其他詳細安裝說明請看原始文章

Chrome Remote Desktop 遠端桌面連線遙控的好工具！

有時候朋友電腦有問題，大部分的人會透過TeamViewer進行遠端的連線遙控，雖然說這個工具很棒可以突破網管封鎖，但是軟體功能太多，有些使 用者可能開啟後卻不知道怎麼進行？如果您追求輕巧、便利、簡單的遠端多面遙控的軟體，可以試試Chrome Remote Desktop這個附屬於Google Chrome的擴充元件，安裝了它，你也可以遙控別人的電腦哦！

比起TeamViewer，Chrome Remote Desktop相對地比較小一些，功能也比較簡單，對於單純進行連線遙控的使用者來講，不用安裝複雜的軟體，瀏覽器擴充一下即可。此外，整合於瀏覽器的功 能，似乎是朝著Chrome OS的方向在進行，越來越有把瀏覽器當成作業系統的感覺了。對了，透過每次連線的編號都不一樣，也可以避免別人記住你的資料，下次趁你不在家偷偷連線？ (好像想太多了)

大部分的人進行遠端桌面的遙控大多使用TeamViewer、Windows遠端桌面連線或VNC等，但現在除了這三大主流的軟體之外，Chrome Remote Desktop是一個不錯的新選擇！市面上的瀏覽器市佔率第一名是IE，但第二名已經是Chrome了，也就是蠻多人都有使用Chrmoe瀏覽器的，請他們再加裝一個簡單的瀏覽器擴充元件即可用。若要連過去的那方，還是IE的愛用者，也可藉機推廣Google Chrome，讓他們體驗到更棒的瀏覽環境唷！

• 元件名稱：Chrome Remote Desktop BETA
• 元件下載：按這裡

詳細操作步驟可以觀看原文章說明