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

原始介紹文章出自於此

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

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

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

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

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

原始介紹文章出自於此

Google Maps Go

手機上或電腦上，直接用瀏覽器打開「 Google Maps Go 網頁」，就能啟用這個高效能的地圖版本。（ App 版本下載為：「 Google Maps Go Android App 」）

你的手機不一定可以安裝Google Maps Go 的 App ，不過如果你的電腦手機跑起 Google 地圖真的很慢，那或許可以試試看直接打開這個「 Google Maps Go 網頁」。

同樣的，精簡版Google 地圖也有運作起來效能更快的優點，有興趣的朋友可以從這裡開啟：「 Google 地圖精簡版」，其實和這個 Google Maps Go 差不多。


原始介紹文章出自於此

不想安裝百度雲管家 安裝《百度網盤直接下載(改)》直接下載檔案

從之前的迅雷、城市網盤、到現在的百度雲（好像又改名成百度網盤了），現在開始慢慢做大的百度網盤，在下載時必須要搭配官方指定的下載軟體「百度雲助手」，這點真的有讓小編覺得ＯＸ，不過不用的話又沒法下載，在經過一番調查之後，終於找到了解套方式，不用安裝百度雲助手就可以打開網頁直接下載檔案囉。不過前提你要是 FireFox 或是 Chrome 的使用者。

首先我們要先安裝一套名為《Tampermonkey》的擴充元件，他是一個腳本控制器，Chrome 點此安裝、FireFox 點此安裝。以下我們將以 Chrome 來進行示範。



原始介紹文章出自於此

如何突破鎖右鍵複製功能

Chrome 套件 Quick Javascript Switcher

矛與盾之爭, 破解「鎖右鍵+防複製」的 Chrome 外掛, 以及「保護著作權」的方法

免安裝外掛, 直接破解網頁「鎖右鍵+防複製」的方法 (使用書籤)

StreamBIN 以瀏覽器傳輸檔案更安全，不受大小或速度限制

傳送檔案的方法很多，最常見透過網路硬碟產 生分享鏈結，利用 Email 方式讓特定對象取得檔案，缺點是對方也要使用相同服務才行。但如果你還是用即時通訊傳檔，應該會發現速度並不是很理想，而且安全性也會成為一大隱憂，為什 麼呢？因為你必須將檔案保存在第三方，但又無法確定這些檔案會不會被其他人取得，不過如果是「直接」傳給對方就能避免許多問題。

說到直接傳檔，目前最方便的方式是利用瀏覽器來進行 P2P 傳檔，且在主流瀏覽器皆適用，無需額外下載或安裝軟體。本文要介紹的 StreamBIN 就能讓你快速分享檔案或資料夾，沒有檔案大小及流量限制，唯一需要做的就是打開網站選擇要分享的檔案，將產生的鏈結傳給對方。

你或許會問：這跟一般的免費空間有什麼不同呢？完全不同，StreamBIN 採用的是點對點串流傳輸方式，傳輸者必須要將網頁保持開啟，鏈結才能在這段期間持續運作（所以只要網頁一直開著，鏈結就不會過期）。

傳輸速度也會因傳送者和接收者的網路速度而有所差異，與免空最大的差別是不用忍受廣告及流量速度限制，也不用付費升級來獲取大檔案，傳送者與接收者之間都是匿名的，當不想要繼續分享檔案時，只要將頁面關閉就會自動失效，傳送中的檔案也會立即停止。
StreamBIN 特別的是它除了分享單一檔案外，也能一次傳送資料夾內所有檔案（自動壓縮），算是跟一般傳檔工具比較不同的地方。

網站名稱：StreamBIN
網站鏈結：https://streambin.pl/

原始介紹文章出自於此

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

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



原始介紹文章出自於此

輕輕鬆鬆美化網頁字型 - Firefox 篇

1. 啟用瀏覽器的字型美化功能

我們會透過瀏覽器的字型渲染 (Rendering) 與反鋸齒 (Anti-Aliasing) 功能來美化字型:

1. 安裝 Firefox 的擴充套件 Anti-Aliasing Tuner，安裝完需重新啟動 Firefox。

2. 進入 Anti-Aliasing Tuner 的選項，將 Anti-aliasing Mode 設成「Default」，將 Rendering Mode 設成「Outline」

2. 修改網頁的預設字型

1. 安裝 Firefox 的擴充套件 Stylish，安裝完需重新啟動 Firefox。

2. 進到 Firefox 的「附加元件」->「使用者樣式」->「編寫新樣式」，新增內容如下:

*{ font-family: Verdana, Arial, "Microsoft YaHei", "Noto Sans CJK TC", "Microsoft JhengHei" }
*{ text-shadow: #666666 0.01em 0.01em 0.05em !important; }

儲存之後就大功告成了。

在上面 Stylish 的樣式中，我們透過 CSS 的 font-family 參數將網頁字型的優先順序設為:

1. Verdana - 英文字型
2. Arial - 英文字型
3. Microsoft YaHei - 微軟雅黑
4. Noto Sans CJK TC - 思源黑體 (舊版的字型名稱為「Noto Sans T Chinese」)
5. Microsoft JhengHei - 微軟正黑體

前面用英文字型是為了避免網頁的表單元件變形。

原始介紹文章出自於此

各種線上即時影音集合

【firDay影音】唯一好萊塢強檔看到飽，台陸日韓連續劇、新聞直播影音平台

台灣最新即時新聞 TW News 手機免費收看新聞直播

真的網路第四台 PART2，樂網家族 U Box 4K 直播電視盒，要看就看一輩子！

三更半夜好夥伴系列　免安裝直接線上看AV網站總整理

Google 玩遊戲學程式中文化線上課程 Blockly Games

這一年來，程式教育議題在台灣慢慢成為討論焦點，這股從兒童教育開始學寫程式的風潮，也從國外吹到了台灣。當然，正反意見都有，但正面的意見也並非要透過 程式教育讓每一個人的未來職業變成程式工程師，而是當未來的世界就是一個電腦科學、物聯網運轉的世界，那麼了解這個世界背後的規則：「程式邏輯」，是否就 像用科學瞭解自然規則一樣變得重要呢？

即使不需要每一個人都會寫網頁、寫 App ，但是如果透過程式邏輯的基礎訓練，可以更得心應手的掌握雲端服務、活用物聯網裝置，或許也真的是未來世界的生存之道。

另外持正面角度的倡導者，也認為程式運作本身就包含了「邏輯思考」訓練，從這個世界漸漸「賴以為生」的潛規則來訓練嚴謹思考，或許也是一個不錯的媒介。

基於上述的想法，國外有很多機構紛紛推出了「玩遊戲學寫程式」、「兒童學程式」的線上課程，例如今天要介紹的 Google 推出的「 Blockly Games 」，正是一個給 5 歲到 12 歲兒童或電腦初學者練習的玩遊戲學程式線上課程。

「 Blockly Games 」並非新服務， Google 在 2014 年年底就已經將這個網站上線，但為什麼我現在才介紹呢？

因為前一陣子這個網站的內容才真正有了比較完整的「繁體中文介面」，也更適合台灣學生的教學使用。

最後，「 Blockly Games 」是更偏向兒童的程式學習課程，那麼如果你真的想學會某些特殊的程式語言時，有沒有類似的遊戲化工具呢？這時候就可以參考我之前在電腦玩物介紹過的：

• 拚命玩遊戲就能學寫程式！ CodeCombat 還有中文版
• 玩知名遊戲學寫程式！ Code.org 一小時學會寫小遊戲

「 Blockly Games 」網站



原始介紹文章出自於此

Google Hangouts 推出網頁版

打開「 Google Hangouts 全新網頁」，可以看到沒有郵件或社交訊息干擾的乾淨 Hangouts 畫面，背景則是會自動替換的各種自然風景照片。

我們可以在 Hnagouts 網頁中找到自己的「 Google 通訊錄」聯絡人發起對話通話，可以瀏覽之前所有的對話紀錄。

在 Hangouts 新版網頁的大畫面中，我可以開啟多組對話紀錄，也能更輕鬆的進行同時對話與管理。

甚至我也能更進一步的在這個 Google Hangouts 獨立網頁中「撥打便宜的國際電話」到朋友的手機電話號碼、市內電話號碼中，或是在 Hangouts 視訊會議中「開啟視訊協同合作 App 」，有很多延伸利用的功能值得大家好好利用。

Google Hangouts 原本也有提供各個平台的通訊 App ，在 Windows 或 Mac 的使用者可以安裝：「更好用 Google Hangouts 電腦版在 PC Mac 桌面推出」，其他行動裝置上則可以下載：

Google Hangouts Android App
Google Hangouts iOS App

Google Hangouts 全新獨立網頁版




原始介紹文章出自於此

免安裝 Skype 網頁版中文上線

大概在 2014 年底的時候，微軟開始針對少數的使用者進行 Skype 網頁版的測試，而在 2015 年 6 月初微軟宣布 Skype 網頁版先開放給英美用戶使用，到了今天（6/16），免安裝的 Skype 中文網頁版終於在台灣、香港、大陸與全球正式推出，所有用戶都可線上登入使用！

雖然這幾年 LINE、 Facebook 即時通等通訊方式成為新的熱門，但是我注意到在工作上還是有不少朋友的公司團隊依然使用 Skype 來做重要的工作通訊，除了 Skype 擁有全球範圍的普及度外， Skype 的視訊語音通話功能也受到肯定（並且之前也支援了：Skype 三人以上群組視訊通話功能即日起免費開放！）

而最棒的是， Skype 網頁版中不只可以使用文字訊息與所有聯絡人通訊，還支援「群組對話」、「視訊與語音通話」、「桌面訊息通知」功能！並且 Skype 網頁版中的訊息可以和所有平台的 Skype 「即時同步」，讓我們在任何電腦都能立刻進行 Skype 。

早期以單機工作為主的微軟，透過 Skype 網頁版再次補足了自己的雲端工作策略版圖（延伸閱讀：這 10 個免費的新微軟工作術，和你想的不一樣！）

我們只要直接打開「 Skype 網頁版」網站，登入自己的 Skype 帳號，就能在任何瀏覽器中開始使用 Skype 。

基本上所有的瀏覽器都支援 Skype 的文字對話，也包含可以在 Chromebook 上使用，不過如果要進行視訊、語音通話則必須額外安裝外掛。



原始介紹文章出自於此

X-UA-Compatible設置IE兼容模式

強制瀏覽器呈現為特定的版本的標準。它不支持IE7及以下：
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7"/>

如果用分號分開，它設置為不同版本的兼容級別，IE7、IE9。它允許不同層次的向後兼容性：
<meta http-equiv="X-UA-Compatible" content="IE=7; IE-9"/>

只選擇其中一個選項：
<meta http-equiv="X-UA-Compatible" content="IE=9">
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7">
<meta http-equiv="X-UA-Compatible" content="IE=5">

允許更容易的測試和維護。雖然通常比較有用的版本，這是使用模擬：
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

什麼版本IE 就用什麼版本的標準模式：
<meta http-equiv="X-UA-Compatible" content="IE=edge">

使用以下代碼強制IE 使用Chrome Frame：
<meta http-equiv="X-UA-Compatible" content="chrome=1">

最佳的兼容模式方案，結合考慮以上兩種：
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<html>
    <head>
        <!-- Mimic Internet Explorer 7 -->
        <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
        <title> My Web Page </title>
    </head>
    <body>
    </body>
</html>

 <?xml version="1.0" encoding="utf-8"?>
     <configuration>
         <system.webServer>
         <httpProtocol>
         <customHeaders>
             <clear />
        <add name="X-UA-Compatible" value="IE=EmulateIE7" />
</customHeaders>
     </httpProtocol>
     </system.webServer>
 </configuration>


原始資料出自於此

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

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

Google Chrome 版, Firefox 版


原始介紹文章出自於此

Wappalyzer 分析網站使用了那些技術、架站程式和環境

想知道一個網站使用那些技術，或者以何種平台架站，對於有經驗的使用者來說，只要查看原始碼通常可以找出一些端倪，不過要獲得完整資訊可能需要花不少時間，若你想參考別的網站運用那些技術，例如免費資源網路社群是使用 WordPress 架站，搭配上 Nginx 網頁伺服器以及使用 Google Analytics、Google AdSense 等第三方工具，利用本文要介紹的 Wappalyzer 可以快速分析、找出相關資訊。

網站名稱：Wappalyzer
網站鏈結：https://wappalyzer.com/


原始介紹文章出自於此

youtube to mp3

http://www.theyoump3.com/chinese/

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 最佳起步方法

原始介紹文章出自於此

為網站加入「用 LINE 傳送」按鈕，將網頁資訊透過 LINE 傳送到使用者手機

LINE 在台灣算是相當多人使用的免費手機通話、傳訊應用程式，無論是 iOS 或 Android 使用者都很倚賴它，而 LINE 官方網站其實有提供一個「用 LINE 傳送」鍵，讓網站或應用程式開發者可以透過它將內容分享功能置入，不過使用的網站並不多，如果你本身是網站或部落格站長，不妨把這個按鈕加入自己的網站， 讓訪客可以透過 LINE 將網站資訊傳送給他們的好友。

網站名稱：用 LINE 傳送
網站鏈結：http://media.line.me/zh-hant/



原始介紹文章出自於此

免費用瀏覽器玩 900 種復古經典模擬器遊戲

免費用瀏覽器玩 900 種復古經典模擬器遊戲 : Internet Arcade

還記得兒時玩過的街機小遊戲嗎？Internet Arcade 推出了在瀏覽器上的 JSMESS (The Javascript MESS) 模擬器，透過 Internet Arcade 官網，玩家也可在 Chrome、Firefox 火狐瀏覽器上玩超過 900 種復古經典模擬器遊戲。

開啟 Internet Arcade 官網，隨選遊戲即可玩。內有知名經典街機遊戲如 : 大魔界村、小精靈…等，這項技術是透過跨平台 Javascript 撰寫模擬程式，讓遊戲不必安裝外掛或執行環境就能在瀏覽器上運行。

https://archive.org/details/internetarcade

附註 : 以 Chrome 或 Firefox 瀏覽器開啟遊戲頁面，即可玩。數字鍵 5 為 “投幣"，數字鍵 1 為 " 1P 啟動"。

原始介紹文章出自於此

Roost 提供網站支援 Safari「通知中心」，推播更新不漏接

Mac OS X 在 Mavericks 之後對「通知中心」進行改良，變得更好用、更人性化，還能結合 Safari 瀏覽器的網頁推送，即使在沒有開啟 Safari 的情況下，也可將訊息推播到訂閱者的電腦上，讓他們即時收到通知。
不 過對於沒有程式開發基礎的網站管理者來說，要提供讓使用者訂閱網站的功能並不是那麼簡單，還好有網路服務可以幫助我們快速實現這個想法。如果你希望讓使用 者可以訂閱你網站的推播通知，而你能隨時發佈訊息、鏈結至訂閱者的電腦，那不妨透過 Roost 這項服務來實現訂閱的功能。
Roost 是一個推送訊息至使用者電腦的推播服務，分為免費及付費方案，免費方案每月可以推送 10 萬筆訊息，其實對於一般中小企業或個人部落格來說已經相當充裕。如果需要更多的推播配額，還能邀請使用者加入 Roost，每邀請一位好友你與對方都能獲得每月 10 萬筆額外的訊息數。



原始文章出自於此