原文:移動端頁面(css)調試之“weinre大法”

移動端頁面調試一般分兩步。第一步我們需要把本地 pc端 寫的頁面效果展現在移動端,一個很方便的辦法是用 fiddler 作為代理,具體可以參考 如何用 fiddler 代理調試本地手機頁面,這樣我們就能在自己的手機上看到真機效果,有時還可以用 alert 調試一些 js 當然,有時僅僅展現樣式還不夠,我們希望能像 chrome 面板或者 firebug 一樣查看元素的 css 樣式,甚至可以在控制 ...

2015-11-27 23:05 0 3423 推薦指數:

查看詳情

移動真機調試--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
移動真機調試大法

在日常項目中的開發中,接觸移動開發的小伙伴們免不了要和移動調試打交道,本文特在此總結下常用的移動調試,歡迎小伙伴補充。 谷歌瀏覽器 谷歌瀏覽器是我們前端開發中必不可少的利器,跳樣式,打斷點,看網絡請求,看性能等,基本上你能想到的,谷歌都能滿足你,在移動調試方面也是一樣,我們可以利 ...

Mon Sep 23 01:45:00 CST 2019 0 897
在本地調試移動設備上的頁面——神器weinre介紹

  平時寫代碼,最喜歡用chrome的developer Tool調試頁面了,基本是離不了的工具。但是當頁面需要在移動設備上使用,尤其是被嵌入到Hybird APP中時,由於移動版的chrome沒有developer Tool,只能傻傻的用alert來輸出一些調試信息,修改了CSS樣式也必須不斷 ...

Fri Nov 22 08:13:00 CST 2013 2 4338
移動前端調式頁面--weinre

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

Tue Jul 28 06:45:00 CST 2015 5 1607
移動適配大法

前言 前端代碼的編寫永遠逃不過“兼容”二詞,從前PC時代,因為IE的傲嬌,導致程序猿們一直在兼容IE的道路上掙扎,如今移動設備的普及,仿佛讓我們看到了希望,仿佛馬上就要擺脫IE了,可是!一波還未平息,一波又來侵襲~移動確實不用考慮IE了,各種CSS新特性也用的爽到飛起,但一座大山壓了過來 ...

Wed Sep 05 21:39:00 CST 2018 1 644
移動頁面 css reset

這個是通用的 css reset.這個版本適用於 移動頁面 如果需要在 PC使用,可以 修改 html{font-size: 10px;}為html{font-size: 12px;} 其他地方不需要修改 ...

Sat May 07 03:43:00 CST 2016 0 5819
使用 Weinre 調試移動網站及 PhoneGap 應用

  在 PC ,我們可以使用 Firebug 或者 Chrome 開發人員工具方便的調試網站或者 Web 應用。但是,當我們想在移動調試站點或者應用的時候,這些工具就派不上用場了。因此,移動開發人員都希望能有 Mobile 版本的 Firebug 或者 Chrome 開發人員 ...

Wed Jun 19 17:51:00 CST 2013 10 16213
HTML5+CSS3開發移動頁面

前提知識: 1、能夠獨立根據設計稿進行整套項目的需求、剖析及其開發; 2、對項目開發流程需要有一個基本的了解; 3、可以靈活運用切圖、重構、前端的知識對項目進行靈活控制。 開發步驟之需求 ...

Mon Nov 13 09:37:00 CST 2017 0 4682
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM