用Opera Mobile調試手機版網頁

調試代碼是每個程序開發者必須熟練掌握的技能,前端開發也不例外。只要你的瀏覽器不是太陳舊,按下F12就能看到各種調試控制臺。這里不打算講具體項目中如何調試代碼 ,而是介紹下如何在Opera桌面版里遠程調試Opera Mobile中的頁面。

先下載最新的Opera Mobile Emulator,裝好運行,再打開Opera桌面版(版本不要太低),通過熱鍵(Ctrl+Shift+I)或右鍵點擊"檢 查元素",激活Opera調試工具Dragonfly。接下來分別在Dragonfly和Opera Mobile(在地址欄輸opera:debug敲回車)配置遠程調試。

一般,保持默認端口不變即可,如果默認的7001端口被占,就改成其它。先在Dragonfly里應用設置,再在Opera Mobile點connect。不出意外的話,Dragonfly自動關閉設置浮層,可以開始調試了。

(查看和修改Dom)

(讓Opera Mobile運行測試JS)

不少人會搞混淆Opera Mobile和Opera Mini,可以自行搜索下二者的區別。另外,Chrome也支持了遠程調試,點這里可以看到相關介紹。

專題「開發工具」的其他文章 ?

  • 開始使用 Vagrant (Aug 23, 2015)
  • 搭建 ngrok 服務實現內網穿透 (Apr 19, 2015)
  • Chrome 32 開發者工具的幾個變化 (Jan 19, 2014)
  • Genymotion:超贊的安卓虛擬機 (Nov 28, 2013)
  • 打造 Mac 下的完美開發環境 (Oct 09, 2013)
  • 如何在 Mac 下使用 Fiddler (Sep 13, 2013)
  • 看懂 Fiddler 的瀑布圖 (Sep 04, 2013)
  • firebug1.12 更新 (Aug 29, 2013)
  • [小Tip]用好瀏覽器的控制臺 (Aug 11, 2013)
  • firebug1.10更新 (Jul 16, 2012)

所屬標簽

無標簽

25选5玩法中奖