原文:在本地調試移動設備上的頁面——神器weinre介紹

平時寫代碼,最喜歡用chrome的developer Tool調試頁面了,基本是離不了的工具。但是當頁面需要在移動設備上使用,尤其是被嵌入到Hybird APP中時,由於移動版的chrome沒有developer Tool,只能傻傻的用alert來輸出一些調試信息,修改了CSS樣式也必須不斷的刷新,文件多了有時候還得經常清緩存,效率極其低下。神啊,救救我吧 於是weinre出現了 它是一個基於n ...

2013-11-22 00:13 2 4338 推薦指數:

查看詳情

移動頁面(css)調試之“weinre大法”

移動頁面調試一般分兩步。第一步我們需要把本地(pc端)寫的頁面效果展現在移動端,一個很方便的辦法是用 fiddler 作為代理,具體可以參考 如何用 fiddler 代理調試本地手機頁面,這樣我們就能在自己的手機上看到真機效果,有時還可以用 alert 調試一些 js;當然,有時僅僅展現樣式還不 ...

Sat Nov 28 07:05:00 CST 2015 0 3423
移動前端調式頁面--weinre

一:遠程調式工具---weinre 閱讀目錄 一:遠程調式工具---weinre 二: 安裝weinre 三: 訪問weinre及在頁面上調用 四:多用戶 回到頂部 一:遠程調式工具---weinre Weinre是什么? Weinre ...

Tue Jul 28 06:45:00 CST 2015 5 1607
移動端真機調試--weinre

一、安裝 首先確保你的電腦上有node環境,然后使用cnpm或npm 安裝 windows下 npm install weinre -g --registry=https://registry.npm.taobao.org mac下 sudo npm install ...

Sun Jul 14 07:09:00 CST 2019 0 505
移動頁面調試神器-browser-sync

最近公司趕一個項目,是mobile端,之前沒怎么做過移動端的開發,這個項目算是個小嘗試。 在做項目的過程中,用到了一個神器--browser-sync,在這里分享給大家。 1、靜態頁面調試 作為前端,肯定是要保證頁面的兼容性的。 通常的測試場景是,前端人員人手N部測試機,改下頁面,依次手動 ...

Wed Jan 07 22:21:00 CST 2015 0 3573
移動調試神器 whistle

移動端h5頁面嵌入的方式多種多樣,普通的chrome真機調試功能有時就不能滿足要求了。 whistle通過設置wifi服務器代理的方式,可以抓包調試所有移動端請求的頁面。 whistle的github地址:https://github.com/avwo/whistle/blob/master ...

Fri Sep 28 22:04:00 CST 2018 0 786
移動調試神器(eruda)

在日常的移動端開發時,一般都是試用chrome瀏覽器的移動端模式進行開發和調試,只有在chrome調試完成,沒有問題了才會上到真機測試,移動端開發的一大問題就在於此, 各種品牌各種型號手機,手機中各種類型的瀏覽器APP........還好移動端的相對一致點,但是往往都會有一些各種各樣的坑,這時候 ...

Fri May 05 00:15:00 CST 2017 0 17332
PC遠程調試移動設備

我們在移動端進行前端開發時,會遇到一個讓人頭痛但不得不面對的問題——調試。 在 PC 機器上,我們有功能強大的 Chrome DevTools、Firebug,即便是老版本的 IE ,我們也可以安裝微軟提供的插件,對網頁樣式和請求信息輕松進行調試。但在手機、平板上,很多人就無招可施了,一個勁 ...

Fri Aug 29 08:15:00 CST 2014 11 3274
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM