2012年6月22日 星期五

Adobe Shadow: 好用的Mobile Web Debug工具


開發Mobile Web,Debug是一件很麻煩的事
Adobe Shadow提供了很方便的debug工具
可以把PC上Chrome瀏覽的畫面即時顯示在Mobile Device上
還可以讓PC Chrome 顯示Device上操作的相關訊息

簡單描述安裝程序

  1. 在PC上安裝Shadow 應用程式
  2. 在PC上的Chrome安裝 Shadow Extendtion
  3. 在Device(android,iphone ,ipod)安裝shadow app
  4. 在device上開啟app,連線pc,會得到一組序號
  5. 開啟pc上的chrome,執行shadow extension,會要你輸入device提供的序號
  6. 完成連線,Chrome上開的網即同時顯示在device上
  7. 在chrome shadow顯示的device<>按下去,會開啟debug console
  8. 選擇要debug的target,之後device上的動作,訊息都會顯示在pc上


下載網址 http://labs.adobe.com/downloads/shadow.html