調試代碼是每一個程序開發者必須熟練掌握的技能，前端開發也不例外。只要你的瀏覽器不是太陳舊，按下F12就能看到各類調試控制檯。這裏不打算講具體項目中如何調試代碼，而是介紹下如何在Opera桌面版裏遠程調試Opera Mobile中的頁面。前端
先下載最新的Opera Mobile Emulator，裝好運行，再打開Opera桌面版（版本不要過低），經過熱鍵（Ctrl+Shift+I）或右鍵點擊「檢查元素」，激活Opera調試工具Dragonfly。接下來分別在Dragonfly和Opera Mobile（在地址欄輸opera:debug敲回車）配置遠程調試。web
通常，保持默認端口不變便可，若是默認的7001端口被佔，就改爲其它。先在Dragonfly裏應用設置，再在Opera Mobile點connect。不出意外的話，Dragonfly自動關閉設置浮層，能夠開始調試了。chrome
（查看和修改Dom）瀏覽器
（讓Opera Mobile運行測試JS）工具
很多人會搞混淆Opera Mobile和Opera Mini，能夠自行搜索下兩者的區別。另外，Chrome也支持了遠程調試，點這裏能夠看到相關介紹。post