移動端調試利器 JSConsole 介紹
原文：http://www.cnblogs.com/zichi/p/5020960.html
先看這篇文章 Web應用調試：現在是Weinre和JSConsole，最終會是WebKit的遠程調試協議 。
我們先不看未來，從此文可見，當下的移動端調試還是 Weinre 和 JSConsole 的天下。Weinre 我們在前面已經有所了解（詳見 移動端頁面(css)調試之“weinre大法” ），它主要是為了移動端 css 的調試，能兼容各種瀏覽器，支持 css 修改，且不用刷新就能在移動端看到效果。今天我們來了解下另一種利器 —— JSConsole。
移動端的調試最蛋疼的恐怕就是想打印些東西了，alert 太簡單粗暴，為此，有人寫了debug.js 插件，但是對于 JSConsole 來說，完全是雞肋！
JSConsole 是一個風格和 Weinre 類似的工具，它更多地關注于控制臺輸出和代碼求值。在訪問JSConsole 的網站的時候，用戶輸入 “:listen” 來獲得帶有 GUID 的一段 JavaScript 代碼。這段代碼需要被加入到待調試的網頁中。于是，在加載網頁的時候，代碼將會連接到 JSConsole 服務器，并且根據 GUID 將此會話和用戶的會話關聯起來，于是用戶瀏覽器中的控制臺現在便已經處于待調試網頁的 JavaScript 運行時環境中了。
JSConsole 使用方法真的很簡單。
首先打開 JSConsole 。
接著在打開的網頁輸入:listen，將會得到一串 GUID 以及一對帶有 src 屬性的 Javascript 標簽，如下圖：
將這個 Javascript 腳本插入到需要調試的 html 頁面中，比如這樣：
<script src="http://jsconsole.com/remote.js?BDA15940-A201-4EAB-9482-941CD41742EC"></script>
<script>
var a = 1
, b = 2;
console.log(a + b);
</script>然后刷新你本地需要調試的頁面（PC端或者移動端），如果是第一次打開的話，會彈出下圖內容，大概意思就是告訴你現在引入了 JSConsole 的一段 js 進行調試，記得在上線時將它移除。
在打開 JSConsole 的頁面便會輸出 console 的內容；如果頁面 JS 報錯，一般情況下也能在 JSConsole 中進行定位。
這里需要提醒的是， 刷新的是本地頁面，而并不是 JSConsole 的頁面 ，一旦刷新 JSConsole 的頁面，便會生成一個新的 GUID，這樣之前生成的就沒用了，調試也就失效了。